@CHARSET "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif;
	background: #C2C2C2 url("../images/bodyback.png") repeat-x top left;
	color:#333;
	font-size: 12px;
	width:100%;
	height: 100% !important;
}
#menuTop a{
	text-decoration:none;
	color:#FFF;
	}
input,select,
#navigation a {
	color:#333;
	}
/*LOGIN*/
#login {
	top: 150px;
	width: 100%;
	background: #3E8262;
	height: 201px;
	position: absolute;
	z-index: 1;
}

#loginBackground {
	width: 100%;
	height: 201px;
	position: absolute;
	z-index: 2;
	background: url("../images/loginback.png") repeat-x;
}

#loginBox {
	top: 120px;
	margin: 0 auto;
	width: 404px;
	/*height: 254px;*/
	position: relative;
	z-index: 3;
}
#loginBoxTop{
	width: 404px;
	height: 6px;
	background: url("../images/loginBoxTop.png") no-repeat;
}
#loginBoxMiddle{
	width: 404px;
	background: url("../images/loginBoxMiddle.png") repeat-y;
}
.loginBoxMiddle td {
	padding:14px 0;
}
#username,
#password{
	margin:0;
	padding:5px;
	border:0;
	background:#CCC;
	font-size: 18px;
	width: 77%;
}
#username:focus,
#password:focus{
	background:#85D1AE;
}
.loginBoxMiddle .adminModule{
	font-size: 13px;
	font-weight: bold;
}
#loginBoxBottom{
	width: 404px;
	height: 6px;
	background: url("../images/loginBoxBottom.png") no-repeat;
}
#emersion{
margin:0 auto;
position:relative;
top:200px;
width:139px;
}
#loginFail{
	margin:0 auto;
	position:relative;
	top:150px;
	width:325px;
	background: #FFF;
	padding: 10px;
}
#loginOk{
	margin:0 auto;
	position:relative;
	top:180px;
	width:325px;
	background: #FFF;
	padding: 10px;
}
/*LOGIN*/

/*BUTTONS*/
.btn { display: block; position: relative; background: #aaa; padding: 5px;float: left;color: #fff; text-decoration: none; cursor: pointer;border:0;margin-left:10px;}
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
 
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
 
.btn.green { font-size: 15px; background: #448A6A; }
.btn:hover { background-color: #2D5E47; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }
 
* html .btn { border: 3px double #aaa; }
* html .btn.green { border-color: #9d4; }
* html .btn:hover { border-color: #a00; }
form p .btn { margin-right: 1em; }
/*BUTTONS*/

/*INTERNAL GENERAL*/
#top{
	border-top:3px solid #1C3A2C;
	background: #FFF;
	height: 125px;
	z-index: 1;
	position:relative;
}
#topBackground {
	width: 100%;
	height: 125px;
	position: absolute;
	z-index: 2;
	background: url("../images/topback.png") repeat-x;
}
#contents{
	position: relative;
	z-index: 3;
	width: 870px;
	margin:0 auto;	
}
#contentTop{
	float:right;
	margin-right:4px;
}
#menuTop ul,
#menuTop ul li {
	margin:0;
	padding:0;
	list-style: none;
	color:#FFF;
}
#menuTop ul{
	display:inline-block;
	vertical-align:middle;
	background: #1C3A2C;
}
#menuTop ul li {
	float:left;
	background: #1C3A2C;
	border-right:1px solid #FFF;
	margin:5px 0 5px 0;
	padding:0 15px;
	height:15px;
}
.menuTopFinal{
	border-right:0 !important;
	background: url("") !important;
}
#menuTop .menuTopImg {
	display:inline-block;
	vertical-align:top;
	width: 5px;
	margin-left:-4px;
}

#menuTop > div + ul + div {
	float/*\**/:right\9;
}
#header{
	margin-top:5px;
	float:left;
	width: 870px;
	height:96px;
	background:url("../images/headerback.png") no-repeat left top;	
}
#logo{
	float:left;
	margin:28px 0 0 28px;
}
#header ul{
	float:right;
	margin:10px 15px 0 0 !important;
}
#header ul,
#header ul li{
	margin:0;
	padding:0;
	list-style: none;
}
#header ul li{
	float:left;
	padding:10px 15px;
	font-size: 11px;
	background:url("../images/optionsborder.png") no-repeat center right;
}
#header li.menuTopFinal:hover {
	background: #DCDCDC !important;
}
#header ul li:hover{
	background: #DCDCDC url("../images/optionsborder.png") no-repeat center right;
	cursor:pointer;
}

.icon_settings {
	height:43px;
}
#pagesLists,
#pathway,
#middle{
	width: 814px;
	background: #FFF;
	float:left;
	padding:0 28px;
}
#identify{
	font-size: 14px;
	padding:15px 0;
	border-bottom:1px solid #CCC;
}
#navigation{
	padding:5px 0;
	font-size: 10px;
}

#bottom{
	margin-bottom:25px;
	float:left;
	width: 870px;
	height:7px;
	background:url("../images/bottom.png") no-repeat left top;	
}
#topBackground #emersion{
	top:0 !important;
}
#pagesLists{
	padding-top:10px;
}
#previous{
	display:inline-block;
	vertical-align:middle;
}
#numbersPages{
	display:inline-block;
	vertical-align:middle;
	margin:20px 15px;
}
#next{
	display:inline-block;
	vertical-align:middle;
}
#add{
	float:right;
}
#newPage,
#new{
	margin-right:10px;
}

/*INTERNAL GENERAL*/

/*INTERNAL INDEX*/
#message{
	width:254px;
	height:75px;
	border:3px solid #CCC;
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
}
#middle > div + div#message{
	border:3px solid #666;
}
#middle{
	padding-top:10px;
	padding-bottom:25px;
}
#stats {
	width:254px;
	height:75px;
	border:3px solid #CCC;
	display:inline-block;
	vertical-align:middle;
}
#middle ul,
#middle ul li{
	margin:0;
	padding:0;
	list-style: none;
}
#middle ul{
	display:inline-block;
	vertical-align:middle;
}
#middle .icon_index{
	display:inline-block;
	vertical-align:middle;
	margin:17px 15px;
}

#middle > ul > li{
	font-size: 14px;
}
#middle > ul > li + li{
	font-size: 11px;
}
/*INTERNAL INDEX*/

/*INTERNAL SURGEONS LIST*/
.surgeon0,
.surgeon1{
	padding: 15px 20px;
}
.surgeon0{
	background: #E9E9E9;
}
.surgeon ul li{
	color:#333;
}
.surgeon ul li,
.surgeon ul li{
	font-size: 16px !important;
}
.surgeon0 ul li + li,
.surgeon1 ul li + li{
	font-size: 11px !important;
}
.defaultlist,
.surgeon{
	float:left;
	text-align:left;
}

.surgeon0,
.surgeon1{
	height:30px;
}
.surgeon,
.surgeon_options{
	display:inline-block;
	vertical-align:middle;
}
.surgeon_options{
	/*float:right;*/
	margin-top:10px;
}
.surgeon_options li {
	float:left;
	font-size: 11px !important;
}
.surgeon_options > ul > li + li{
	margin:0 4px !important;
}
.surgeon_options > ul > li{
	margin-right:14px !important;
}
/*INTERNAL SURGEONS LIST*/

/*INTERNAL DEFAULT LIST*/
.defaultlist0,
.defaultlist1{
	padding: 10px 20px;
}
.defaultlist0{
	background: #FFF;
}
.defaultlist1{
	
}.defaultlist ul li{
	/*color:#1A392C;*/
}
.defaultlist ul li,
.defaultlist ul li{
	font-size: 14px !important;
}
.defaultlist0 ul li + li,
.defaultlist1 ul li + li{
	font-size: 11px !important;
}
.defaultlist,
.defaultlist_options{
	display:inline-block;
	vertical-align:middle;
}
.defaultlist_options{
	/*float:right;*/
	margin-top:1px;
	/*width:73%;*/
}
.defaultlist_options li {
	float:left;
	font-size: 11px !important;
}
.defaultlist_options > ul > li + li{
	margin:0 4px !important;
}
.defaultlist_options > ul > li{
	margin-right:14px !important;
}

#defaultlist{
	font-size:16px;
	padding-bottom:10px;
	
}

#defaultlistLinks{
	font-size:16px;
	border-bottom: 1px solid #999;
	padding-bottom:10px;
	display:inline-block;
	vertical-align:midlle;
	width:82%;
	}
#buttons{
	display:inline-block;
	vertical-align:top;
}
/*INTERNAL DEFAULT LIST*/

/*INTERNAL SURGEONS DETAILS*/
#columnLeftMenu{
	display:inline-block;
	vertical-align:top;
	width:135px;
	margin-top:10px;
}
#columnLeftRight{
	display:inline-block;
	vertical-align:middle;
	margin-left:-5px;
	width:610px;
	background:#E1E1E1;
	padding:25px 35px;
}
#columnLeftMenu a{
	color:#333;
	text-decoration: none;
}
#columnLeftMenu li {
	width:117px;
	font-size: 12px;
	border: 1px solid #D6D6D6;
	padding:8px !important;
	margin-bottom:3px !important;
}

#columnLeftMenu ul li:hover,
.active{
	background: #E1E1E1;
	cursor:pointer;
}

/*INTERNAL SURGEONS DETAILS*/

/*INTERNAL SURGEONS OVERVIEW*/
#surgeonProfile{
	display:inline-block;
	vertical-align:middle;
	width:70%;
	margin-right:10px;
}
#surgeonName{
	font-size:16px;
	border-bottom: 1px solid #999;
	padding-bottom:10px;
	
}
#surgeonPhoto{
	display:inline-block;
	vertical-align:top;
}
#surgeonProfileDetails{
	margin-top:10px;
	font-size: 11px;
}
#surgeonProfileOther{
	margin-top:30px;
}
.surgeonProfileOther td,
.surgeonProfileDetails td{
	padding:5px 0;
	
}
table.surgeonProfileOther tr > td {
	font-size: 12px;
	font-weight: bold;
}
table.surgeonProfileOther tr + tr > td{
	font-size: 11px;
	font-weight: normal;
}
/*INTERNAL SURGEONS OVERVIEW*/

/*INTERNAL SURGEONS UPDATE*/
#surgeonProfileUpdate{

}
#surgeonProfileDetailsUpdate{
	margin-top:10px;
	font-size: 11px;
}
#surgeonProfileOtherUpdate{
	margin-top:30px;
}
.surgeonProfileOtherUpdate td,
.surgeonProfileDetailsUpdate td{
	padding:5px 10px;
}
table.surgeonProfileOtherUpdate tr > td {
	font-size: 12px;
	font-weight: bold;
	padding:5px 0;
}
table.surgeonProfileOtherUpdate tr + tr > td{
	font-size: 11px;
	font-weight: normal;
	padding:5px 10px;
}
#textfield{
	border:0;
	margin:0;
	padding:5px 5px;
	width:240px;
}
#textfield:focus{
	background: #AFD7CE;
}
/*INTERNAL SURGEONS UPDATE*/

/*INTERNAL PAGES */
.page0,
.page1{
	padding: 15px 20px;
}
.page0{
	background: #E9E9E9;
}
.page ul li{
	color:#1A392C;
}
.page ul li,
.page ul li{
	font-size: 16px !important;
}
.page0 ul li + li,
.page1 ul li + li{
	font-size: 11px !important;
}
.page,
.page_options{
	display:inline-block;
	vertical-align:middle;
}
.page_options{
	float:right;
	margin-top:2px;
}
.page_options li {
	float:left;
	font-size: 11px !important;
}
.page_options > ul > li + li{
	margin:0 4px !important;
}
.page_options > ul > li{
	margin-right:14px !important;
}
#addPage{
	background: #E1E1E1;
}
/*INTERNAL PAGES */

/*INTERNAL CITIES */
#map{
		width:590px;
		height:367px;
		background:url(../images/map.png) no-repeat;
		position:relative;
		z-index: 0;
		}
	
.city{
	position:absolute;
	width:7px;
	height:7px;
	cursor:pointer;
	}
#map,
#mapRight{
	display:inline-block;
	vertical-align:top;
}
#mapRight{
		width: 185px;
		height:-360px;
		background:#E9E9E9;
		padding:12px;
		position: relative;
		z-index: 3;
		margin-left:10px;
		opacity: 0;
	}

#newCity {
	border-bottom:1px solid #999999;
	font-size:16px;
	padding-bottom:10px;
}
#citie:focus,
#state:focus,
#city:focus{
	background:#AFD7CE none repeat scroll 0 0;
}

#citie,
#state,
#city{
	border:0 none;
	margin:0;
	padding:5px;
	width:176px;
}
#citie{
	margin-top:15px;
	}
#state,
#city{
	margin:15px 0;
	width:184px ;
	background:#FFFFFF;
}
#columnLeftRight #state,
#columnLeftRight #city{
	width:249px !important;
	margin:0 !important;
	}
/*INTERNAL CITIES */


/*INTERNAL TABS OVERVIEW*/
#tabsProfile{

}
#tabsName{
	font-size:16px;
	border-bottom: 1px solid #999;
	padding-bottom:10px;
	
}
#tabsDetails{
	margin-top:10px;
	font-size: 11px;
}
#tabsOther{
	margin-top:30px;
}
.tabsOther td,
.tabsDetails td{
	padding:5px 0;
	
}
table.tabsOther tr > td {
	font-size: 12px;
	font-weight: bold;
}
table.tabsOther tr + tr > td{
	font-size: 11px;
	font-weight: normal;
}
/*INTERNAL TABS OVERVIEW*/



div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url('bg_select.png') right;
  /*height:18px;*/
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

select {
	background: url('bg_select.png') right;
}
#alert
		{
			overflow: hidden;
			width: 100%;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #000;
			height: 50px;
			color: #FFF;
			font: 20px/40px arial, sans-serif;
			display:none;
		}
#loading {
	padding: 20px;
	background-color: #000;
	color: white;
	width: 150px;
	height: 100px;
	position:relative;
	text-align:center;
	font-size:18px;
	margin:0 auto;
}
#loader {
	background:url(../images/fundo.png);
	width:100%;
	height: 100% !important;
	position:absolute;
}

#dialogBox {
	padding: 20px;
	background-color: #000;
	color: white;
	width: 215px;
	height: 100px;
	position:relative;
	text-align:center;
	font-size:18px;
	margin:0 auto;
}
#dialog {
	background:url(../images/fundo.png);
	width:100%;
	height: 100%;
	position:absolute;
}

.btnDialog{
	width:70px;
	display:inline-block;
	vertical-align:middle;
	padding:0 10px;
	}
#dialog .dialog{
	margin:0;
	padding:5px;
	border:1px solid #FFF;
	width:70px;
	background-color:#000;
	color:#FFF;
	cursor:pointer;
}
.cancel{
	text-align:right;
}
.cancel img{
	cursor:pointer;
}
.qs_label{
	font-size:16px;
	margin:0 0 10px;
}
.qs_input{
	border:0;
	margin:0;
	padding:5px;
	width:79%;
	font-size:16px;
}
.searchOk{
	border:0;
	margin:0;
	padding:5px;
	background:transparent !important;
	color:#FFF;
	font-size:16px;
	cursor:pointer;
}
.epiclock-spacer {
	margin: 0 5px;
	}
.visualize-key li{
	margin:0 5px;
}
.grafics{
	display:none;
}

#tooltip{
	z-index:999 !important;
}
#content{
	display:none;
}
.imgs{
	height:94px;
}