body{margin:0px;}
.topback{background-image:url(images/top-back.gif); height:138px; background-repeat:repeat-x;}
.topsideback{background-image:url(images/top-side-back.gif);}
.sidepanelback{background-image:url(images/side-panel-back.gif);}
.footerback{ background-image:url(images/footer-back.gif); height:35px;}

.outerborder{border:1px solid #eeede9;}
.bottomborder{border-bottom:1px dotted #cdccbf;}
.verticalborder{border-left:1px dotted #cdccbf;}
.blackborder{border:2px solid #cbcac1;}

.welcome-back{background-color:#e5e4da;}
.client-back{background-color:#d00202;}

.welcomeheight{height:55px;}
.appnitro li {
    width: 100%;
}
#captcha {
    background: url("../images/txtbg.jpg") repeat-x scroll left top transparent;
    border: 1px solid #C1B478;
	 background-color: #F9F4DF;
    width: 197px;
}
form li div {
    color: #444444;
    float: left;
    padding: 0 0 8px;
}
.butpadd {
    padding: 0 0 0 130px;
}
#submit{background:#cc0000; color:#FFF; border:1px #FFF solid; padding:3px 7px; cursor:pointer; font-size:11px; }
.mandatory{color:#F00; font-size:11px; padding-left:2px}
form li div label {
    clear: both;
    color: #7A7A78;
    display: block;
    font-size: 9px;
    line-height: 9px;
    margin: 0;
    padding-top: 3px;
}
.error{float:left;width:100%; color:#F00; font-size:11px}
.tooplinks{float:right; width:182px;}
.tooplinks a{color:#fff; text-decoration:none}
.tooplinksleft{float:left; padding:3px 13px; background:#d00202; margin-right:2px}
.tooplinksright{float:left; padding:3px 14px; background:#d00202}
form li {    display: block;    float: left;    margin: 0;    padding: 0;    position: relative;}
label.description {    border: medium none;    color: #5B594A;  display: block;    float: left;    font-weight: normal;    line-height: 150%;    padding: 0 0 1px;    width: 130px;
}
input.large {
    width: 197px;
	 background-color: #F9F4DF;
    border: 1px solid #C1B478;
    color: #666666;
    font-family: "Trebuchet MS",sans-serif;
    font-size: 11px;
}
view.css (line 413)
input.text {
    background: url("../images/txtbg.jpg") repeat-x scroll left top transparent;
    border: 1px solid #88A1AF;
    color: #333333;
    font-size: 100%;
    margin: 0;
    padding: 2px 0;
}
#fileField{ 	 background-color: #F9F4DF;
    border: 1px solid #C1B478;
    color: #666666;
    font-family: "Trebuchet MS",sans-serif;
    font-size: 11px;
	width:197px;}
textarea.medium {
    height: 10em;
	 background-color: #F9F4DF;
    border: 1px solid #C1B478;
    color: #666666;
    font-family: "Trebuchet MS",sans-serif;
    font-size: 11px;
	width:197px;
}
view.css (line 428)
textarea.textarea {
    background: url("../images/areabg.jpg") repeat-x scroll left top transparent;
    border: 1px solid #88A1AF;
    color: #333333;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 100%;
    margin: 0;
    width: 80px;
}
.appnitro{float:left; width:410px}
.imgdot{padding-top:3px;}
.toppadd{padding-top:15px;}
.rightpadd{padding-right:25px;}
.normpadd{padding:5px 2px 3px 6px}

.graycolor{color:#5b594a;}
.more{color:red;}
.redcolor{color:#e10404;}
.whitecolor{color:white;}
.blackcolor{color:black; text-decoration:none;}
.maintitle{font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#e10404; letter-spacing:1px;}
.bottomtitle{font-weight:bold; color:#000000;}
.toplinks{font-size:11px; color:black; padding-left:5px;}


td{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
h3{display:inline; font-size:18px; font-weight:bold; }
hr{ border:0; color: #9E9E9E; background-color: #d7d7d7; height: 1px; width: 98%}


A.main-link {
	FONT-SIZE: 13px; COLOR: #e10404; 
	FONT-FAMILY: verdana,Times New Roman, Times, serif; 
    font-weight: bold;
	TEXT-DECORATION: none
}
A.main-link:hover {
	FONT-SIZE: 13px; COLOR: #a70303; 
	FONT-FAMILY: verdana, Times New Roman, Times, serif; 
	font-weight: bold;
	TEXT-DECORATION: underline
}



A.main-link2 {
	FONT-SIZE: 11px; COLOR: #e10404; 
	FONT-FAMILY: Verdana , Times, serif; 
    font-weight: bold;
	letter-spacing:1px;
	TEXT-DECORATION: none;
}
A.main-link2:hover {
	FONT-SIZE: 11px; COLOR: #a70303; 
	FONT-FAMILY: verdana, Times, serif; 
	font-weight: bold;
	letter-spacing:1px;
	TEXT-DECORATION: underline
}


A.top1-link {
	FONT-SIZE: 10px; COLOR: #d00202; 
	FONT-FAMILY: Trebuchet MS, serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.top1-link:hover {
	FONT-SIZE: 10px; COLOR: #a70303; 
	FONT-FAMILY: Trebuchet MS, serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}


A.top2-link {
	FONT-SIZE: 11px; COLOR: #000000; 
	FONT-FAMILY: Trebuchet MS, sans-serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.top2-link:hover {
	FONT-SIZE: 11px; COLOR: #d00202; 
	FONT-FAMILY: Trebuchet MS, sans-serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}
.title-inside {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #e10404;
}
.bg-link1 {
	background-image: url(images/bg-link.gif);
	background-repeat: repeat-x;
}
.newuser-bg1 {
	background-image: url(images/bg-newuser1.jpg);
	background-repeat: no-repeat;
}
.client-text1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #888671;
}
.client-text2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #888671;
}
.tb-client1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #c1b478;
	background-color: #f9f4df;
}
.capth-img {
	background-image: url(images/capth.gif);
	background-repeat: no-repeat;
}
.tb-client-combo {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #c1b478;
	background-color: #f9f4df;
	width: 188px;
}
.bg-cltlogin {
	background-image: url(images/bg-cleintlogin.jpg);
	background-repeat: no-repeat;
}



A.login-links2 {
	FONT-SIZE: 11px; COLOR: ##d00202; 
	FONT-FAMILY: "Trebuchet MS", Helvetica, sans-serif; 
    font-weight: normal;
	TEXT-DECORATION: underline
}
A.login-links2:hover {
	FONT-SIZE: 11px; COLOR: #000000; 
	FONT-FAMILY: "Trebuchet MS", Helvetica, sans-serif; 
	font-weight: normal;
	TEXT-DECORATION: none
}
.title-inside1 {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1a096;
}
.text-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5b594a;
}
.contact-text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8d8a6f;
	font-weight: bold;
}
.contact-text2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3b30;
	font-weight: normal;
}
.contact-tb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #f5f2ea;
	border: 1px solid #e2e0d9;
}
.loginr1 {
	background-image: url(images/bg-rl1.jpg);
	background-repeat: no-repeat;
}
.loginr2 {
	background-image: url(images/bg-rl2.jpg);
	background-repeat: no-repeat;
}


A.down-link {
	FONT-SIZE: 10px; COLOR: #007dc6; 
	FONT-FAMILY: "Trebuchet MS", serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.down-link:hover {
	FONT-SIZE: 10px; COLOR: #007dc6; 
	FONT-FAMILY: "Trebuchet MS", serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}


A.map-link {
	FONT-SIZE: 11px; COLOR: #838068; 
	FONT-FAMILY: "Trebuchet MS", serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.map-link:hover {
	FONT-SIZE: 11px; COLOR: #e10404; 
	FONT-FAMILY: "Trebuchet MS", serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}

.bottom-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.fotor-text-c {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

//-- css by jijutm@saturn.in, for dynamic sections

#brancharealist { height: 350px; overflow: auto; border: 2px Solid Black;}
#brancharea div.alphamenu { padding: 8px; overflow: hidden; text-align: center; word-spacing: 6px;}
#brancharea div.alphamenu a { text-decoration: none; font-weight: bold; color: #e10404;}
#brancharea .branchdetails { padding: 2px; position: relative; clear: both; cursor: pointer; height: 16px;}
#brancharea .branchdetails:hover { background-color: #DCDCDC;}
#brancharea .titlerow { 
    padding: 2px; position: relative; clear: both; height: 16px;
    background-color: #5b594a; color: #fff; font-weight: bold;
    }
#brancharea .titlerow:hover { background-color: #5b594a; }
#brancharea .br_Dets { width: 24%; float: left; margin-left: 2px; overflow:hidden;}

#stateSel, #distSel { width: 180px; }
#goIcon { cursor: pointer; }

ul.branchdetail { width: 98%; padding: 15px; margin: 0; list-style-type: none;}
ul.branchdetail li { width: 100%; clear: both; }
ul.branchdetail li.toolbar { text-align: right; }
ul.branchdetail li span.icon { float: left; width: 32px; height: 32px; margin: 0 5px; border:1px solid #eeede9; padding: 5px; background-repeat: no-repeat; background-position: 5px 5px;}

ul.branchdetail li span.doorDel_0 { background-image: url(./images/icons/dod_0.jpg); }
ul.branchdetail li span.doorCol_0 { background-image: url(./images/icons/doc_0.jpg); }
ul.branchdetail li span.docking_0 { background-image: url(./images/icons/dock_0.jpg); }
ul.branchdetail li span.computer_0 { background-image: url(./images/icons/comp_0.jpg); }

ul.branchdetail li span.doorDel_1 { background-image: url(./images/icons/dod_1.jpg); }
ul.branchdetail li span.doorCol_1 { background-image: url(./images/icons/doc_1.jpg); }
ul.branchdetail li span.docking_1 { background-image: url(./images/icons/dock_1.jpg); }
ul.branchdetail li span.computer_1 { background-image: url(./images/icons/comp_1.jpg); }


/* merging demo styles */
body {margin:0px;}
html { height: 100%; margin-bottom: 1px; }
.topback{background-image:url(images/top-back.gif); height:138px; background-repeat:repeat-x;}
.topsideback{background-image:url(images/top-side-back.gif);}
.sidepanelback{background-image:url(images/side-panel-back.gif);}
.footerback{ background-image:url(images/footer-back.gif); height:35px;}

.outerborder{border:1px solid #eeede9;}
.bottomborder{border-bottom:1px dotted #cdccbf;}
.verticalborder{border-left:1px dotted #cdccbf;}
.blackborder{border:2px solid #cbcac1;}

.welcome-back{background-color:#e5e4da;}
.client-back{background-color:#d00202;}

.welcomeheight{height:55px;}

.imgdot{padding-top:3px;}
.toppadd{padding-top:15px;}
.rightpadd{padding-right:25px;}
.normpadd{padding:5px 2px 3px 6px}

.graycolor{color:#5b594a;}
.more{color:red;}
.redcolor{color:#e10404;}
.whitecolor{color:white;}
.blackcolor{color:black; text-decoration:none;}
.maintitle{font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#e10404; letter-spacing:1px;}
.bottomtitle{font-weight:bold; color:#000000;}
.toplinks{font-size:11px; color:black; padding-left:5px;}


td{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
h3{display:inline; font-size:18px; font-weight:bold; }
hr{ border:0; color: #9E9E9E; background-color: #d7d7d7; height: 1px; width: 98%}


A.main-link {
	FONT-SIZE: 13px; COLOR: #e10404; 
	FONT-FAMILY: verdana,Times New Roman, Times, serif; 
    font-weight: bold;
	TEXT-DECORATION: none
}
A.main-link:hover {
	FONT-SIZE: 13px; COLOR: #a70303; 
	FONT-FAMILY: verdana, Times New Roman, Times, serif; 
	font-weight: bold;
	TEXT-DECORATION: underline
}



A.main-link2 {
	FONT-SIZE: 11px; COLOR: #e10404; 
	FONT-FAMILY: Verdana , Times, serif; 
    font-weight: bold;
	letter-spacing:1px;
	TEXT-DECORATION: none;
}
A.main-link2:hover {
	FONT-SIZE: 11px; COLOR: #a70303; 
	FONT-FAMILY: verdana, Times, serif; 
	font-weight: bold;
	letter-spacing:1px;
	TEXT-DECORATION: underline
}


A.top1-link {
	FONT-SIZE: 10px; COLOR: #d00202; 
	FONT-FAMILY: Trebuchet MS, serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.top1-link:hover {
	FONT-SIZE: 10px; COLOR: #a70303; 
	FONT-FAMILY: Trebuchet MS, serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}


A.top2-link {
	FONT-SIZE: 11px; COLOR: #000000; 
	FONT-FAMILY: Trebuchet MS, sans-serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.top2-link:hover {
	FONT-SIZE: 11px; COLOR: #d00202; 
	FONT-FAMILY: Trebuchet MS, sans-serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}
.title-inside {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #e10404;
}
.bg-link1 {
	background-image: url(images/bg-link.gif);
	background-repeat: repeat-x;
}
.newuser-bg1 {
	background-image: url(images/bg-newuser1.jpg);
	background-repeat: no-repeat;
}
.client-text1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #888671;
}
.client-text2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #888671;
}
.tb-client1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #c1b478;
	background-color: #f9f4df;
}
.capth-img {
	background-image: url(images/capth.gif);
	background-repeat: no-repeat;
}
.tb-client-combo {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #c1b478;
	background-color: #f9f4df;
	width: 188px;
}
.bg-cltlogin {
	background-image: url(images/bg-cleintlogin.jpg);
	background-repeat: no-repeat;
}



A.login-links2 {
	FONT-SIZE: 11px; COLOR: ##d00202; 
	FONT-FAMILY: "Trebuchet MS", Helvetica, sans-serif; 
    font-weight: normal;
	TEXT-DECORATION: underline
}
A.login-links2:hover {
	FONT-SIZE: 11px; COLOR: #000000; 
	FONT-FAMILY: "Trebuchet MS", Helvetica, sans-serif; 
	font-weight: normal;
	TEXT-DECORATION: none
}
.title-inside1 {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1a096;
}
.text-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5b594a;
}
.contact-text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8d8a6f;
	font-weight: bold;
}
.contact-text2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3b30;
	font-weight: normal;
}
.contact-tb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #f5f2ea;
	border: 1px solid #e2e0d9;
}
.loginr1 {
	background-image: url(images/bg-rl1.jpg);
	background-repeat: no-repeat;
}
.loginr2 {
	background-image: url(images/bg-rl2.jpg);
	background-repeat: no-repeat;
}


A.down-link {
	FONT-SIZE: 10px; COLOR: #007dc6; 
	FONT-FAMILY: "Trebuchet MS", serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.down-link:hover {
	FONT-SIZE: 10px; COLOR: #007dc6; 
	FONT-FAMILY: "Trebuchet MS", serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}


A.map-link {
	FONT-SIZE: 11px; COLOR: #838068; 
	FONT-FAMILY: "Trebuchet MS", serif; 
    font-weight: regular;
	TEXT-DECORATION: none
}
A.map-link:hover {
	FONT-SIZE: 11px; COLOR: #e10404; 
	FONT-FAMILY: "Trebuchet MS", serif; 
	font-weight: regular;
	TEXT-DECORATION: underline
}

.bottom-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.fotor-text-c {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

//-- css by jijutm@saturn.in, for dynamic sections

#brancharealist { height: 350px; overflow: auto; border: 2px Solid Black;}
#brancharea div.alphamenu { padding: 8px; overflow: hidden; text-align: center; word-spacing: 5px;}
#brancharea div.alphamenu a { text-decoration: none; font-weight: bold; color: #e10404;}
#brancharea .branchdetails { padding: 2px; position: relative; clear: both; cursor: pointer; height: 16px;}
#brancharea .branchdetails:hover { background-color: #DCDCDC;}
#brancharea .titlerow { 
    padding: 2px; position: relative; clear: both; height: 16px;
    background-color: #5b594a; color: #fff; font-weight: bold;
    }
#brancharea .titlerow:hover { background-color: #5b594a; }
#brancharea .br_Dets { width: 24%; float: left; margin-left: 2px; overflow:hidden;}

#stateSel, #distSel { width: 180px; }
#goIcon { cursor: pointer; }

ul.branchdetail { width: 98%; padding: 15px; margin: 0; list-style-type: none;}
ul.branchdetail li { width: 100%; clear: both; }
ul.branchdetail li.toolbar { text-align: right; }
ul.branchdetail li span.icon { float: left; width: 32px; height: 32px; margin: 0 5px; border:1px solid #eeede9; padding: 5px; background-repeat: no-repeat; background-position: 5px 5px;}

ul.branchdetail li span.doorDel_0 { background-image: url(./images/icons/dod_0.jpg); }
ul.branchdetail li span.doorCol_0 { background-image: url(./images/icons/doc_0.jpg); }
ul.branchdetail li span.docking_0 { background-image: url(./images/icons/dock_0.jpg); }
ul.branchdetail li span.computer_0 { background-image: url(./images/icons/comp_0.jpg); }

ul.branchdetail li span.doorDel_1 { background-image: url(./images/icons/dod_1.jpg); }
ul.branchdetail li span.doorCol_1 { background-image: url(./images/icons/doc_1.jpg); }
ul.branchdetail li span.docking_1 { background-image: url(./images/icons/dock_1.jpg); }
ul.branchdetail li span.computer_1 { background-image: url(./images/icons/comp_1.jpg); }

/* application side css */
 #clientArea { position: relative; height: 500px;}
 #toolbar { position: absolute; top: 0px; right: 5px; }
 #toolbar .btn { cursor: pointer;}
 #tabbar { position: absolute; top: 45px; left: 5px; height: 30px;}
 #tabbar .tab { float: left; cursor: pointer; color: #ACACAC; }
 #tabbar .tab .tabl,
 #tabbar .tab .tabm,
 #tabbar .tab .tabr { height: 28px; float: left; }
 #tabbar .tab .tabl { background-image: url(/dynamic/ui/tabl.jpg); width: 9px; }
 #tabbar .tab .tabm { background-image: url(/dynamic/ui/tabm.jpg); width: 150px; 
                      background-repeat: repeat-x;
                      font-family: sans-serif; font-size: 11px; text-align: center; 
                      padding-top: 8px;}
 #tabbar .tab .tabr { background-image: url(/dynamic/ui/tabr.jpg); width: 16px; }
 #tabbar .tabactive { cursor: default; color: #000000; }
 #gridpanel { width: 100%; border-top: 2px Solid #e6e4cb; position: absolute; top: 72px; }
 #pagepanel { position: absolute; bottom: 3px; }
 
/* tracing results pane */
#tracedetails .srcdest { background-color: #f7f4e7; border: 1px Solid #ebe9df; padding: 5px;}
#tracedetails .srcdest td { padding: 3px; }
#tracedetails .label { padding-left: 8px; } 
#tracedetails .srcdest td { font-family: "Trebuchet MS", sans-serif; font-size: 12px; color: #990404; }

#trackdetails .titleRow { border-right: 2px Solid #ddd1ac; padding: 0px; }
#trackdetails .colTitle { background-color: #ebe3c2; height: 30px; border-bottom: 1px Solid #c5bf80;}
#trackdetails .trackCell { font-family: "Trebuchet MS", sans-serif; font-size: 11px; color: #000000; padding: 2px; height: 25px; }
#trackdetails .evenRow { background-color: #f0efe2;}
#trackdetails .oddRow { background-color: #f6f0da; }
#ctFormTable { position: relative; }

p.custdets { text-align: center; color: #990404; background-color: #DEDEDE; line-height: 24px;}
ul.clientmenu { list-style: none; padding: 0 5px; }

#clientName { color: #e10404; font-family: sans-serif; font-size: 14px; font-weight: bold; padding: 5px 0px 0px 15px; }
.topback a img{border:0; }