
/* mainstyle.css overrides */

.red{
	color:#ff0000 !important;
	font-weight:normal !important;
}
a.red{
	text-decoration:underline !important;
}


.green{
	color:#197b30;
}

body{
	background:#eee url(/img/bg_system.gif) repeat-x;
	min-width:980px;
}
#body-wrap{
	background:transparent;
	width:auto;
	min-width:1180px;
	padding:0 40px;
}
#content-wrap{
	background:#fff;
	border:1px #dfdfdf solid;
	min-height:400px;
	padding:10px;
	-moz-border-radius: 0 0 10px 10px;
}

.tab ul.login {
	width: auto;
	min-width:600px;
	margin: auto 30px auto auto;
}

.clear-space{
	height:10px;
}

#quicksearch{
	border:1px #dfdfdf solid;
	background:#dfdfdf url(/img/bg_quicksearch.gif) left bottom repeat-x;
	height:30px;
	-moz-border-radius: 10px 10px 0 0;
}

#quicksearch .searchwrap{
	padding:5px 0 0 20px;
}
#quicksearch .formbox{
	padding:2px;
}
#quicksearch .formbutton{
	padding:0 10px;
	margin:0 10px 0 0;
}
#quicksearch a{
	font-weight:normal;
	color:#000;
}
#quicksearch a:hover{
	color:#d2232a;
}
/* dashboard */

.overview{
	width:100%;
}

.overview td, .overview-wrap{
	background:#fff url(/img/bg_systembox.gif) repeat-x;
	border:1px #dfdfdf solid;
	width:33%;
	vertical-align:top;
}

.overview-wrap{
	width:auto;
	margin:0 10px 10px 10px;
}

.overview-box{
	min-height:60px;
	padding:10px;
	position:relative;
}

.overview-box h4{
	text-align:center;
	color:#c0c0c0;
	padding-top:0;
}
.list, .details{
	width:100%;
}
.list th{
	text-align:left;
}
.list th a.sel{
	color:#d2232a;
}
.list td{
	background:#fff;
	padding:2px;
	border:0;
	vertical-align:top;
	width:auto !important;
}
.gray td{
	background:#eee !important;
}
.list .odd td{
	background:#f7f8f8;
}
.list tr.trhead:hover td{
	background:#fff8d7 !important;
}

.list a{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
.list a:hover{
	color:#d2232a;
}
.list .msg{
	width:80%;
}

.list .icon{
	text-align:center;
}

.border td{
	background:#f7f8f8 !important;
}

.uline{
	text-decoration:underline !important;
}

.details td{
	vertical-align:top;
	background:#fff !important;
	padding:10px;
}
.details td.userphoto{
	width:100px;
}


.overview textarea.formbox{
	width:94%;
	padding:10px;
	background:#fffceb;
	border-color:#b7b086;
}

.overview textarea.whitebox{
	background:#fff !important;
	border-color:#c0c0c0 !important;
}

.overview .formbox{
	width:94%;
}
.formbox{
	width:200px;
}

.noformbox{
	width:25px;
	border:0;
	text-align:center;
	font-weight:bold;
	padding:1px 3px;
}

.prRows td{
 vertical-align:middle !important;
}

.greenbox{
	background:#92d050;
}
.big{
	font-size:150%;
}

.footer-system{
	text-align:center;
	margin:20px 0;
}
.footer-system a{
	color:#000;
}

.clickable{
	cursor:pointer;
}

.att-img img{
	border:1px #fff solid;
}
.att-img img:hover{
	border:1px #c0c0c0 solid;
}

.collapsetr{
	display:none;
}

.paging{
	margin:10px 0 0 0;
}

.paging ul {
	padding:5px 0 !important;
	margin:0 !important;
	list-style-type:none;
	text-align:center;
	line-height:130%;
}

.paging ul li {
	display:inline;
}

.paging ul li a {
	border:1px solid #dfdfdf;
	padding:3px 8px;
	text-decoration:none;
	background:#eee;
	display:inline-block;
	color:#000;
	margin:0 0 5px 0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.paging ul li a:hover, .paging ul li a.sel {
	border:1px solid #000;
	background:#d2232a;
	color:#fff;
}

.paging ul li a.jump {
	border:0;
	padding:0 5px 0 5px;
	text-decoration:none;
	background:transparent;
	font-size:160%;
}

.paging ul li a.jump:hover {
	color:#4E0000;
	background:transparent;
	border:0;
}


.paging ul li a.disabled, .paging ul li a.disabled:hover{
	background:#f0f0f0;
	color:#a1a1a1;
	border:1px #d6d6d6 solid;
}

.btn-order{
	width:297px;
	height:58px;
	background:url(/img/btn_order.gif) no-repeat;
	display:block;
	margin:20px auto;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:200%;
	text-transform:uppercase;
}
.btn-order span{
	display:block;
	padding:20px;
}
.btn-order:hover, .btn-order.red{
	background:url(/img/btn_order_a.gif) no-repeat !important;
	color:#fff;
}
.btn-order.green{
	background:url(/img/btn_order.gif) no-repeat !important;
	color:#fff;
}

.mailFormHeader{
	background:#353535;
	margin:10px 0 5px 0;
	position:relative;
	left:0;
	top:0;
	text-align:left;
	padding:8px 0 5px 10px;
	font-weight:bold;
	color:#fff;
}

.outline td{
	border:1px #eee solid;
	vertical-align:middle;
}

th{
	text-align:left;	
}

#login{
	width:300px;
	margin:40px auto;
	border:1px #eee solid;
}
#login h3{
	padding:5px 10px;
	background:#595a5a url(/img/bg_footer.gif) repeat-x;
	color:#fff;
	text-align:center;
}

.login-cnt{
	padding:10px;
}


.autocomplete-w1 { background:url(/img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.content-nav{
	list-style:none;
	padding:0 !important;
	margin:0 0 0 10px !important;
	top:1px;
	position:relative;
}

.content-nav li{
	float:left;
	margin-right:5px;
}
.content-nav li a{
	padding:5px 20px;
	min-width:110px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#666;
	background:#fff;
	border:1px #dfdfdf solid;
}
.content-nav li a:hover, .content-nav li a.sel{
	background:#efefef;
	border-bottom:1px #efefef solid;
	color:#2a2a2a;
}

.paging-select{
	position:absolute;top:10px;right:20px;
}
.paging-select a{
	background:#333434;
	padding:1px 5px;
	color:#fff;
	margin:0 1px 0 0;
	display:inline-block;
	text-decoration:none;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.paging-select a:hover, .paging-select a.sel{
	background:#d2232a;
}

.disable{
	opacity: 0.6;
	filter:alpha(opacity=6);
}

/* Loader styles */


.loaderFixed{
	position:fixed;z-index:10001;top:40%;left:50%;display:none;
}
.loaderWin{
	padding:20px;width:400px;height:100px;margin:-50px 0 0 -200px;border:5px #eee solid;
	background:#fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
.loaderWin h2{
	text-align: center;
	color:#666;
}
.loaderWin h2 img{
	display:block;
	margin:auto;
	padding:10px 0 0 0;
}

.case-construction td{
	vertical-align:middle;
}
.case-construction td.teeth{
	width:5%;
	text-align:center;
	background:#fff;
	padding:5px;
}
.change-construction td.teeth:hover{
	cursor:pointer;
	background:#92d050;
}

.change-construction td.teethsel{
	cursor:pointer;
}

.case-construction td.teethsel{
	width:5%;
	text-align:center;
	padding:5px;
	background:#92d050;
}


.case-construction tr.bigrow td.teeth, .case-construction tr.bigrow td.teethsel{
	font-size:130%;
}
.case-construction td.rowinfo{
	width:10%;
	background:transparent;
	border:0;
}
.case-construction td.rowinfo em{
	font-size:90%;
	font-style:normal;
}
.case-construction .devider{
	width:10px !important;
	text-align:center;
	border-right:1px #000;
}

.form-table{
	width:100%;
}

.form-table td{
	vertical-align:middle;
	border:0;
	background:transparent;
	width:auto !important;
}

.alltotal{
	margin:10px 0 0 0;
	font-size:120%;
	font-weight:bold;
}
.alltotal span{
	font-size:150%;
}

.p-photo-small{
	width:70px;
	max-height:50px;
}

#teethType1{
	border:2px #0054a6 solid !important;
	background:#92d050 !important;
	margin:0 0 1px 0 !important;
}
#teethType2{
	border:2px #fff200 solid !important;
	background:#92d050 !important;
	margin:0 0 1px 0 !important;
}
#teethType3{
	border:2px #92278f solid !important;
	background:#92d050 !important;
}
#teethType1:hover{
	background:#509c00 !important;
	color:#fff !important;
}
#teethType2:hover{
	background:#509c00 !important;
	color:#fff !important;	
}
#teethType3:hover{
	background:#509c00 !important;
	color:#fff !important;	
}
.ttype1{
	border:2px #0054a6 solid !important;
}
.ttype2{
	border:2px #fff200 solid !important;
}
.ttype3{
	border:2px #92278f solid !important;
}

