@charset "utf-8";

/* CSS Document */



a { text-decoration:none; outline:none; color:#696969;}

a:hover { text-decoration:underline; color:#12416D;}

a:link { outline:none;}



body { background-color: #F5F5F5; font-family:Arial, Helvetica, sans-serif; color:#88898B;}



.hr { background-color:#c0c0c0;}



.times_new_roman { font-family:"Times New Roman", Times, serif;}



.btn { background: #114366; border:none; color:#fff; font-size:16px; box-shadow:1px 1px 1px #333333; padding:4px 20px; cursor: pointer; filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

.btn:hover { text-decoration:none; text-shadow:0 1px 0 #fff; color:#fff; background-color:#777;}



.gray_btn { background-color: #DBDBDB; border:none; color:#696969; font-size:16px; box-shadow:1px 1px 1px #333333; padding:4px 20px;}

.gray_btn:hover { text-decoration:none; color:#fff; background-color:#A3A3A3;}

.gray_btn.active { background-color:#114366; color:#fff;}



input.datepicker { float:left; border:1px solid #dbdbdb; color:#696969; box-shadow:1px 1px 0 #dbdbdb inset; padding:5px; background:url(../images/Calendar_Icon_22_X_25.jpg) 99% center no-repeat; cursor:pointer; display:block;}

input.text_field { border:1px solid #dbdbdb; box-shadow:1px 1px 0 #dbdbdb inset; padding:5px;}

.border { border:1px solid #dbdbdb; box-shadow:1px 1px 0 #dbdbdb inset; color:#696969;}





h1,h2,h3,h4,h5,h6 { color:#696969;}

h1 { font-size:28px; margin-top:0px;}

h2 { font-size:26px;}

h3 { font-size:24px;}

h4 { font-size:22px;}

h5 { font-size:20px;}

h6 { font-size:18px;}





#wrapper { background-color: #F5F5F5;}





#logo { float:left; /*width:48.469387755102040816326530612245%;*/ margin:1% 0;}



#logo a { color:rgba(0,0,0,0)}

#logo img { width:100%;}



/*#logo a { background:url(../images/logo.png) left top no-repeat;}*/



/*-------------------------------------------------------------Top Nav End----------------------------------------------------------------*/



.horizontal-nav {

	background: #efefef;

	

}

.horizontal-nav ul {

	background: #F7F7F9;

	float: left;

	text-align: center;

	border: 1px solid #C8C8C8;

	border-radius:3px;

}

.horizontal-nav ul li {

	float: left;

	border-left: 1px solid #C8C8C8;

}

.horizontal-nav ul li:first-child {

	border-left: 0 none;

}

.horizontal-nav ul li a {

	display: block;

	padding: 15px 10px;

	color: #595959;

	font-size:12px;

	font-weight:bold;

	border-top: 1px solid rgba(255,255,255, 0.25);

	border-left: 1px solid rgba(255,255,255, 0.25);

}

.horizontal-nav ul li:first-child a {

	border-left: 0 none;

}

.horizontal-nav ul li a:hover, .horizontal-nav ul li.active a {

	background: #EFEFEF;

	text-decoration:none;

	color:#12436C;

}

.horizontal-nav ul li:first-child a {

	border-top-left-radius: 6px;

	border-bottom-left-radius: 6px;

}

.horizontal-nav ul li:last-child a {

	border-top-right-radius: 6px;

	border-bottom-right-radius: 6px;

}



/*-------------------------------------------------------------Top Nav End----------------------------------------------------------------*/



#container { background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5)}



#sign_in { background-color:#E5E5E5; border:1px solid #999;}

#sign_in label { color:#666;}

#sign_in input.text_field { border:1px solid #999; color:#666;}



#sign_in #message {

    background-color: #FF4343;

    color: #FFFFFF;

}





#tab_wrap a { background:#0C486C; font-size:12pt; color:#fff; box-shadow:2px 2px 2px #555; filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

#tab_wrap a:hover, #tab_wrap a.active { text-decoration:none; text-shadow:0 1px 1px #fff; background-color:#777; color:#fff; filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

#tab_wrap a.in_active { text-decoration:none; background-color:#B2B2B2; color:#8E8E8E; cursor: default; display: none;}

#tab_wrap a.in_active:hover { text-shadow: none;}

#tab_wrap span.singout_btn { background:#0C486C;font-weight: bold; font-size:10pt;color:#fff; box-shadow:2px 2px 2px #333; filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

#tab_wrap span.singout_btn cite {

    color: #FFFFFF;

    font-family: Times New Roman;

    font-style: italic;

    font-weight: bold;

}

#tab_wrap span.singout_btn a { text-align:center;text-decoration:underline; background:none; font-size:10pt; box-shadow:none; border-left:none;}

#tab_wrap span.singout_btn a:hover { text-shadow:none;}





.case_form { border:3px solid #c0c0c0; background-color:#fff;}



.form_content_head { border-bottom:3px solid #c0c0c0;}

.form_content_head .top_label { font-family:"Times New Roman", Times, serif;}



table.date_table td input.search_cases_btn { font-weight:bold; border:none; font-size:17px; background:#0C486C; color:#fff; box-shadow:1px 1px 1px #333; filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

table.date_table td input.search_cases_btn:hover { background-color:#777777;}



.select_filde { background-color:#f5f5f5; border:1px solid #c0c0c0; color:#696969;}

.select_filde label { font-size:10pt; font-weight:bold;}

.select_filde select { font-size:10pt; font-weight:bold;}

.schedule_content label { font-size:10pt; font-weight:bold;}



table.form_aera td h6, table.new_case td h6 { background-color:#E5E5E5;}

table.form_aera td input.text_field, table.new_case td input.text_field { color:#696969;}

table.form_aera td select, table.new_case td select { color:#696969; font-size:10pt; font-weight:bold;}



table.table_data tr.table_head { background-color:#A3A3A3; color:#fff; font-weight:bold;}

table.table_data tr.table_head td { border:1px solid #696969;}

table.table_data td { border:1px solid #696969;}

table.table_data td a { color:#696969; font-weight:bold;}

table.table_data td a:hover { color:#12416D;}



.case_info_tab a { background-color:#DBDBDB; color:#696969; box-shadow:2px 2px 2px #555; font-weight:bold; font-size:12pt; filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

.case_info_tab a:hover { text-decoration:none; background-color:#A3A3A3; color:#fff;}

.case_info_tab a.active { text-decoration:none; background-color:#114366; color:#fff;}

.case_info_tab a.in_active { text-decoration:none; background-color:#B2B2B2; color:#8E8E8E;}

.case_info_tab a.in_active:hover { text-shadow: none;}

.case_info h6 { color:#12416D; font-size:16pt;}

.case_id { color:#696969; font-size:16pt; font-weight:bold;}



.invices_info table.table_data td:first-child { font-weight:bold;}



.add_user { background-color:#fff;}

.add_user table.form_aera td { font-weight:bold;}

.add_user table.form_aera td table td { font-weight:normal;}



#BrowserVisible, #BrowserVisible2, #BrowserVisible3 { background:url(../images/browse_btn.png) 100% 0px no-repeat;}

 

#FileField, #FileField2, #FileField3 { color:#88898B; border:1px solid #dbdbdb; box-shadow:1px 1px 0 #dbdbdb inset;}



.dataTables_filter input, .dataTables_length select { border:1px solid #dbdbdb; box-shadow:1px 1px 0 #dbdbdb inset; color:#696969;}



#loader { display: none; position: absolute; left: 44%; top: 50%; z-index: 16; }

#loading {

 display: none;

 background: url(../images/loader_bg.png) left top;

 cursor:auto;

 width: 100%;

 height: 100%;

 z-index:15;

 /* Positioning */

 position: absolute;

 left: 0;

 top: 0;

}



#pay_current_balance.in_active { text-decoration:none; background-color:#ABABAB; color:#919191; cursor: default; border: 0px;}

#pay_current_balance.in_active:hover { text-shadow: none;}