body 
{
	font-family:Tahoma, Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	color:#3E3E40;
	background:url("/images/cybercite/bg_top.png") #479EE8 repeat-x;
	margin:0;
}

hr {
	background-color: #2973C0;
	border: medium none;
	height: 4px;
	margin: 35px;
}

#conteneur_header, #coin_header_left, #coin_header_right, #header 
{
	height:53px;
}

#conteneur_header 
{
	margin:0 14px 12px;
	margin-left:40px;
	margin-right:40px;
}

#conteneur_header, #footer 
{
	background:url("/images/cybercite/bg_banner.png") repeat scroll 0 0 transparent;
}

#coin_header_left 
{
	background:url("/images/cybercite/bg_banner.png") no-repeat scroll 0 -55px transparent;
	float:left;
	height:53px;
	margin-left:-14px;
	width:14px;
}

#coin_header_right 
{
	background:url("/images/cybercite/bg_banner.png") no-repeat scroll 0 -110px transparent;
	float:right;
	height:53px;
	margin-right:-14px;
	width:14px;
}

#logo {
	background:url("/images/cybercite/logo_cybercite.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	float:left;
	height:37px;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
	text-indent:-10000px;
	width:156px;
}

#footer  {
	height:53px;
	margin-top:30px;
}

/********* LOGIN */
#loginForm
{
	width: 250px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px dotted black;
	padding: 15px;
	background-color:#5fa9db;	
}

#loginForm #login-element 
{
	margin-left: 175px;
}

.hint 
{
    background: none repeat scroll 0 0 #FFFFFF;
    color: red;
    padding: 5px;
    text-align: center;
}

#infoUser
{
		position: absolute;
    right: 45px;
    top: 30px;
    color: #FFFFFF;
}

#infoUser ul 
{
    font-size: 11px;
    margin-top: 0;
    padding: 0;
}

#infoUser ul li 
{
	position: relative;
    display: inline;
	margin-left: 10px;
}

#logout
{
    position: absolute;
    right: 45px;
    top: 15px;
}
#logout a:link,#logout a:visited
{
	color:#FFF;
}

#logout a:hover
{
	color:#D3D3D3;
}

#infoUser .submenuitems {
	display:none;
	opacity: 0.8;
    width: 200px;
    background: none repeat scroll 0 0 #479EE8;
    border-radius: 5px 5px 5px 5px;
    left: 0;
    padding: 5px;
    position: absolute;
    color:#FFF;
}
#infoUser .submenuitems li {
	display:block;
}

#infoUser .submenuitems li a:link,#infoUser .submenuitems li a:visited{   
	color:#FFF;
}

#infoUser .submenuitems li a:hover{
	color:#000;
}
.star {color: red;}

label.required:after, thead .required:after {
  content: '*';
  color: red;

}

#add_client_form {
	
}

/***Pagination **/

#paginationControl {
  background: none repeat scroll 0 0 #D3D3D3;
  border: 1px dotted;
  padding: 3px 0;
  text-align: center;
  width: 100%;
}

.btndivers, .btncats, .btntags, .btncatsannu{
	cursor: pointer;
}

/****** Tableaux */
#rowset
{
    text-align: center;
    width: 100%;
}

#rowset th
{
	background: url("/images/cybercite/alert-overlay.png") repeat-x scroll 0 0 #222222;
    border: 1px solid #585858;
    color: white;
    font-weight: bold;
}

#rowset tr
{
	font-size: 9px;
}

#rowset .even
{
	background-color: #D3D3D3;	
} 

#rowset .odd
{
	background-color: #EFEFEF;
}

#rowset .state-waiting,#rowset .state-waiting a {
	color: #ae00ff;
}

#rowset .state-to-conf,#rowset .state-to-conf a {
		color: red;
		font-weight: bold;
}

#rowset .state-tobuy,#rowset .state-tobuy a {
	color: orange;
}

#rowset .state-ok,#rowset .state-ok a {
	color: #7566cc;
}


#table-domains {
    border-collapse: collapse;
    width: 100%;
}

#rowset #table-domains .even {
	background-color: transparent;
}

#rowset #table-domains .odd {
	background-color: transparent;
}

#table-domains th {
    color: #585858;
    font-size: 8px;
    padding: 0;
    background: none repeat scroll 0 0 transparent;
    border: none;
}

#table-domains td {
	font-size: 10px;
	text-align:left;
}

#table-domains .first-td {
	width:150px;
}



a:link ,a:visited, a:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 0.9em;
	padding-left: 5px;
}

a:hover
{
	color:#666666;
}


/**messages d'erreur, warning, sucess..*/
.info, .success, .warning, .error, .validation {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    list-style: none outside none;
    margin: 10px 23px;
    padding: 15px 10px 15px 50px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/icons/Info.png');
}


.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/icons/success green.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;

    background-image: url('/images/icons/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/icons/error.png');
}


#rowset #colspan {
	background-color: #479EE8;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}

#rowset .colspan {
	background-color: #479EE8;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}

#rowset a {
font-weight: normal;
}



#rowset #dejasoumi{
   font-style: italic;
   padding: 5px;
}

#rowset #response_in_tr, .expression-table #response_in_tr {
	font-style: italic;
  padding: 8px;
}


#response_hover {
    position: absolute;
	display: none;
	width: 400px;
}


/* Formulaire	*********************************************/
button::-moz-focus-inner { padding:0; }

.css_button,.css_button:visited {
	background: #222 url(/images/cybercite/alert-overlay.png) repeat-x; 
	display: inline-block;
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;


}

.css_button:hover {
	background-color: #111;
	color: #fff;
}

.small.css_button, .small.css_button:visited { font-size: 11px; padding: ; }

.css_button, .css_button:visited,.medium.css_button, .medium.css_button:visited 	{
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.css_button, .large.css_button:visited { 
	font-size: 14px; 
	padding: 8px 14px 9px;
}

.css_button_orange_fonce.css_button, .css_button_orange_fonce.css_button:visited{
	background-color: #E74B21; 
}
.css_button_orange_fonce.css_button:hover{ 
	background-color: #d9380d; 
}

.css_button_orange_clair.css_button, .css_button_orange_clair.css_button:visited{
	background-color: #F8AE14; 
	padding: 2px 2px 2px;
}
.css_button_orange_clair.css_button:hover{ 
	background-color: #f3a806; 
}

.css_button_vert.css_button, .css_button_vert.css_button:visited{
	background-color: #8CBD10; 
}
.css_button_vert.css_button:hover{ 
	background-color: #7eb102; 
}

form .errors {
    color: red;	
}

img
{
	border: 0px;	
}

#center {
	padding:15px;
}

#center a{
	padding:0;
	background-image:none;
}
#container {
	background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  margin-left: 25px;
  margin-right: 25px;
  min-height: 900px;
  padding: 10px;
}

#container h2{
	clear: both;
	padding-top: 15px;
}

#etoile
{
	color: red;
	font-style: bold;	
}
#top
{
	height: 56px;
}
#info_top
{
	border-radius:5px 5px 5px 5px;
	background-color:#FFFFFF;
	height:auto;
	margin:10px 26px 2px;
	padding:13px 10px 10px;
}
#client_top
{
	background-color:#FFFFFF;
	border: 1px dotted black;	
	margin: 10px;
	margin-top: 0px;
	padding: 10px;
	
}
#client_top a:link 
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 0.9em;
	background-image: none;
	padding: 0px;
}
#client_top a:visited
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 0.9em;
	background-image: none;
	padding: 0px;
}
#client_top a:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 0.9em;
	background-image: none;
	padding: 0px;
}
#logo_contact_top
{
	margin: 10px;
	margin-top: 0px;
}
#logo_contact
{
	float: right;	
	margin-right:25px;
}
#logo_contact a:link 
{
	text-decoration: none;
	color:#cadbff;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	background:none;
}

#logo_contact a:visited
{
	text-decoration: none;
	color:#cadbff;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	background:none;
}

#logo_contact a:hover
{
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	background:none;
}
#info_top a:link 
{
	text-decoration: none;
	color:#666666;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	background:none;
}

#info_top a:visited
{
	text-decoration: none;
	color:#666666;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	background:none;
}

#info_top a:hover
{
	text-decoration: none;
	color:#000000;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	background:none;
}


#seekBar
{

}



#slogan {color:#FFFFFF;
font-size:17px;
font-weight:bold;

position:relative;
top:16px;}


#footer .administrationlink {float:right;padding-right:35px;padding-top:22px;}
#footer .administrationlink a {background-image:none;color:#FFF;}
#footer .administrationlink a:hover {color:#FFF;}


#domainForm #fieldset-existing, #domainForm #fieldset-new{
	display:none;
}

#conteneur_header #menu {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 16px;
}

#conteneur_header #menu ul {
    display: inline;
    padding: 0;
}

#conteneur_header #menu ul li{
	display: inline;
}

#conteneur_header #menu ul li a:link, #conteneur_header #menu ul li a:visited{
	color: #fff;
}

#conteneur_header #menu ul li a:hover {
	color: #a1a1a1;
}

#comments-block{
	background-color: #2973C0;
  border: medium none;
  border-radius: 5px 5px 5px 5px;
  color: white;
  padding: 5px;
  position: relative;
  right: -100px;
  width: 440px;
}



#comments-block #add_comment_btn {
	margin-left: 86px;
	margin-top: 10px;
}

#comments-block legend, #replaceme legend{
	background-color: #D3D3D3;
  border-radius: 3px 3px 3px 3px;
  color: #1C1C1C;
  font-size: 15px;
  font-weight: bold;
  padding: 2px;
}

#comments-block iframe{
	background-color: #FFF;
}

#replaceme {
	border: 1px solid;
	float: left;
	width: 650px;
	color: white;
  padding: 5px;
	background-color: #2973C0;
	border: medium none;
	border-radius: 5px 5px 5px 5px;
	margin-left: 35px;
	margin-bottom: 15px;
}

#replaceme .clickme img, #replaceme .showdnszone img {
    cursor: pointer;
    margin-right: 3px;
}

.foreignIp {
	color: #E74B21;
	font-weight: bold;
}

.expire-alert {
    color: red;
    font-size: 12px;
    font-weight: bold;
}

/* dashboard */

.sub-menu {
    border-collapse: separate;
    border-spacing: 5px;
    display: table;
    float: left;
    margin-top: 1px;
    text-align: center;
}

.sub-menu h3 {
	margin: 0;
	padding: 2px;
}

.sub-menu-bloc {
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.sub-menu-bloc-title {
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
    padding: 5px 0;
    width: 220px;
}

.sub-menu .sub-menu-bloc-inner-content {
    background-color: #F5F5F5;
    min-height: 45px;
    padding: 5px;
}

.sub-menu .sub-menu-bloc-inner-content a {
    color: #3E3E40;
}

.sub-menu .dashboard-indicator {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
}

.sub-menu-bloc ul {
    list-style-type: none;
    margin: 0 auto auto 0;
    padding: 10px 5px;
}
.sub-menu-bloc ul li span {
    font-weight: bold;
}


/* !dashboard */

#table-domains tr td.service-type-name{
    background-color: #479EE8;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#table-domains tr.odd{

}

#table-domains tr.even{
	background-color: #F9F9F9;
}