@charset "UTF-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #58595b;
	text-decoration: none;
	margin: 0px;
	background-color: #dfe0e1;
}

/*
////////////////////////////////////////////////////

All the styles related to Index/Home Page

////////////////////////////////////////////////////
*/

#header {
	margin-top: 50px;
}
#main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#logo_login {
	width: 312px;
	margin-right: auto;
	margin-left: auto;
}
#dms_heading_logo {
	width: 395px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#main_body {
	margin-top: 25px;
}
.username_main {
	background-image: url(../images/login_fields_bg.jpg);
	background-repeat: no-repeat;
	height: 81px;
	width: 297px;
	float: left;
}
.password_main {
	background-image: url(../images/login_fields_bg.jpg);
	background-repeat: no-repeat;
	height: 81px;
	width: 297px;
	margin-left: 307px;
}
.login_text_field {
	height: 30px;
	width: 275px;
	border: 1px solid #133f67;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	background-image: url(../images/text_field_bg.jpg);
	background-repeat: no-repeat;
}
#inputField {
	padding-left: 10px;
	width: 270px;
}
#login_area {
	width: 604px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#btn_login {
	width: 191px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#login_heading {
	width: 604px;
	margin-right: auto;
	margin-left: auto;
}
#username_label {
	padding-top: 17px; 
	padding-left: 11px; 
	padding-bottom: 5px;
}
#password_label {
	padding-top: 17px; 
	padding-left: 11px; 
	padding-bottom: 5px;
}
#footer {
	margin-top: 30px;
	width: 604px;
	margin-right: auto;
	margin-left: auto;
}
#footer_line {
	width: 604px;
	margin-right: auto;
	margin-left: auto;
}
.login_footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #9f9f9f;
	text-decoration: none;
	text-align: center;
	width: 604px;
	margin-top: 20px;
}
.login_footer_copyrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bcbcbc;
	text-decoration: none;
	text-align: center;
	margin-top: 30px;
}
#systemRequirements {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	color: #9f9f9f;
	text-decoration: none;
	text-align: center;
}


/*
////////////////////////////////////////////////////

All the styles related to Admin Page

////////////////////////////////////////////////////
*/

#logo_sub {
	width: 395px;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 52px;
	float:left;
}

#dms_heading_sub {
	width: 232px;
}
#top_user_bg {
	background-image:url(../images/top_user_bg.jpg);
	background-repeat:repeat-x;
	float:right;
	height:27px;
	margin-top:46px;
	width:250px;
}
#username_left_img {
	float: left;
}
#userid {
	height:17px;
	margin-bottom:auto;
	margin-top:8px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #646464;
	text-decoration: none;
	text-align: left;
}
#home_top_btn {
	float: right;
}
#logout_top_btn {
	float: right;
}
#date {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ababab;
	text-decoration: none;
	text-align: right;
	margin-top: 23px;
}
#header_height {
	height: 147px;
}
#main_table_bg {
	background-image: url(../images/main_table_bg.jpg);
	background-repeat: repeat-y;
	height: 398px;
}
#main_table_centre_h {
	height:263px;
	margin-bottom:60px;
	margin-top:60px;
}
#main_icon_table {
	width: 847px;
	margin-right: auto;
	margin-left: auto;
}
#bar_bg {
	background-image: url(../images/bar_bg.png);
	background-repeat: no-repeat;
	width: 720px;
	height: 81px;
	margin-left: 127px;
}
#bar_full {
	padding-bottom: 10px;
}
#icons_img {
	float: left;
	height: 81px;
	width: 112px;
}
#navi_headings {
	padding-left:25px;
	padding-top:25px;
	float: left;
}
#navi_view_btn {
	float: right;
	padding-right:1px;
}
#navi_add_btn {
	float: right;
}
#sub_footer {
	margin-top: 10px;
	clear: both;
	float: left;
}
#sub_footer_text {
	width: 608px;
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #898989;
	text-decoration: none;
	text-align: left;
}
#sub_footer_copyrights {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bcbcbc;
	text-decoration: none;
	text-align: left;
}
#o3interfaces {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #898989;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	clear:both;
	margin-top: 10px;
}
#o3interfaces a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2286c7;
	text-decoration: none;
}
#o3interfaces a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2286c7;
	text-decoration: none;
}
#o3interfaces a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2286c7;
	text-decoration: underline;
}
#o3interfaces a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2286c7;
	text-decoration: underline;
}


/*
////////////////////////////////////////////////////

All the styles related to Client Page

////////////////////////////////////////////////////
*/

table.serviceT  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #58595b;
	border: 1px #c7c8c9 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	width: 100%;
}

table.serviceT td  {	
	border: 1px solid #c7c8c9;
	padding-left: 8px;
} 


table.categoryT  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #58595b;
	border: 1px #c7c8c9 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	width: 100%;
}

table.categoryT td  {	
	border: 1px solid #c7c8c9;
	padding-left: 8px;
}

td.tableHeadingRow  {
	text-align: left;
	padding-left: 8px;
	height: 47px;
	background-color:#FFFFFF;
	background-image: url(../images/table_heading_bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
}

td.tableRow1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: none;
	background-image: url(../images/table_row1_bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	height: 37px;
}
td.tableRow1 a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: none;
}
td.tableRow1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: none;
}
td.tableRow1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: underline;
}
td.tableRow1 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: underline;
}


td.tableRow2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: none;
	background-image: url(../images/table_row2_bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	height: 34px;
}
td.tableRow2 a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: none;
}
td.tableRow2 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: none;
}
td.tableRow2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: underline;
}
td.tableRow2 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	text-decoration: underline;
}

#userAccounts_bg {
	background-image: url(../images/user_accounts_img.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 342px;
	width: 332px;
}
#editListBtn {
	margin-right: auto;
	margin-left: auto;
	width: 134px;
	padding-top: 268px;
	clear:both;
}
#data_table1 {
	float: left;
	width: 618px;
}

#data_table2 {
	float: left;
	width: 960px;
}

td.tableRow3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #58595b;
	text-decoration: none;
	background-image: url(../images/table_row1_bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	height: 37px;
	font-weight: bold;
}

#bottomButtons {
	clear:both;
	margin-top: 20px;
	padding-top: 20px;
}

#bottomEditButton1 {
	float: right;
}
#bottomEditButton2 {
	float:right;
	margin-left:10px;
}


/*
////////////////////////////////////////////////////

All the styles related to Edit Page

////////////////////////////////////////////////////
*/

table.editT  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #58595b;
	border: 1px #c7c8c9 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	width: 100%;
}

table.editT  a:link {
	color: #2286c7;
	text-decoration: none;
}
table.editT  a:visited {
	color: #2286c7;
	text-decoration: none;
}
table.editT  a:hover {
	color: #2286c7;
	text-decoration: underline;
}
table.editT  a:active {
	color: #2286c7;
	text-decoration: underline;
}


table.editT td  {	
	padding-left: 8px;
}

td.tableRow4 {
	background-color:#FFFFFF;
	text-align: left;
	vertical-align: middle;
	height: 30px;
}

td.tableRow5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	border: 1px #c7c8c9 solid;
	border-collapse: collapse;
	text-decoration: none;
	text-align: left;
	background-color:#ebeced;
	vertical-align: middle;
	height: 30px;
	padding-left: 8px;
}

td.spacerRow {
	background-color:#FFFFFF;
	height: 10px;
}


/*
////////////////////////////////////////////////////

All the styles related to Forms

////////////////////////////////////////////////////
*/

.textField1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #58595b;
	border: 1px solid #bbbbbb;
	width: 600px;
}

.textField2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #58595b;
	border: 1px solid #bbbbbb;
	width: 245px;
}
.form_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58595b;
	text-decoration: none;
	width: 250px;
	height: 21px;
}













/*
////////////////////////////////////////////////////

These Styles are not yo be used in any page

////////////////////////////////////////////////////


ul li {
	background-image: url(../images/table_row1_bg.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: 300px;
	padding-top: 10px;
	padding-left: 10px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../images/bullet_01.png);
	border: 1px #c7c8c9 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	vertical-align:top;
}

#test_list {
	float: left;
	width: 300px;
}
#test_list2 {
	float:left;
}

*/