HTML, BODY {
margin: 0px;
padding: 0px;
font-size: small;
background-color: #dddddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
BODY {
width: 994px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}
#cont {
width: 994px;
float: left;
min-height: 1000px;
background: url(/images/mainfonback.gif) repeat-y;
}
#contentLeft {
float: left;
width: 220px;
min-height: 1400px;
background: url(/images/fonLeftColumn.gif);
font-size: 11px;
padding-bottom: 15px;
}
*html #contentLeft {
float: left;
width: 220px;
height: 1400px;
background: url(/images/fonLeftColumn.gif);
font-size: 11px;
padding-bottom: 15px;
}
#contentRight {
float: right;
width: 774px;
background-color: #ffffff;
padding-bottom: 15px;
min-height: 1400px;
}
*html #contentRight {
float: right;
width: 774px;
background-color: #ffffff;
padding-bottom: 15px;
height: 1400px;
}
#logo {
width: 220px;
background-color: #ffffff;
text-align: center;
border-bottom: 1px solid #125170;
}
#logo img {
margin-top: 3px;
margin-bottom: 25px;
}
#contentLeft p {
width: 80%;
padding-left: 10%;
}
form {
margin: 0;
padding: 0;
}
#login {
margin: 0;
padding: 0;
margin-top: 40px;
width: 180px;
background-color: #106a68;
color: #ffffff;
margin-left: 20px;
}
#login a {
color: #ffffff;
}
#login a:visited {
color: #ffffff;
}
#login a:hover {
color: #ffffff;
}
input {
margin: 0;
padding: 0;
margin-top: 11px;
width: 155px;
border: 1px solid #ffffff;
}
#login_main {
margin: 0;
padding: 0;
width: 160px;
margin-top: -20px;
margin-left: 10px;
padding-bottom: 15px;
}
#login_small_top {
width: 92px;
color: #ffffff;
background-color: #125170;
position: relative;
top: -23px;
left: -7px;
font-size: 85%;
}
#login_small_top_fon {
background: url(/images/arrow.gif) top right no-repeat;
}
#login_small_top_fon p {
padding-top: 9px;
padding-bottom: 9px;
width: 71px;
}
.block_left {
margin: 0;
padding: 0;
margin-top: 40px;
width: 180px;
background-color: #a2d9da;
color: #ffffff;
margin-left: 20px;
height: auto;
padding-bottom: 15px;
}
.block_left_main {
margin: 0;
padding: 0;
width: 140px;
min-height: 50px;
margin-top: -16px;
margin-left: 10px;
padding: 10px;
background-color: #c9c9cb;
z-index: 100;
overflow: hidden;
/*text-align: justify;*/
}
.block_left_small_top_fon {
background: url(/images/arrow.gif) top right no-repeat;
}
.block_left_small_top {
width: 92px;
color: #ffffff;
background-color: #119e9f;
position: relative;
top: -23px;
left: -7px;
font-size: 85%;
}
.block_left_small_top p {
padding-top: 9px;
padding-bottom: 9px;
width: 71px;
}
#top {
margin: 0;
padding: 0;
font-size: 20px;
color: #5fe4e4;
float: left;
width: 774px;
z-index: 1;
}
#top img{
margin: 0;
padding: 0;
z-index: 1;
}
.block_menu {
margin: 0;
padding: 0;
float: left;
width: 774px;
margin-top: -9px;
z-index: 100;
}
#menu {
margin: 0;
padding: 0;
float: left;
list-style: none;
}
#menu li {
float: left;
margin: 0;
padding: 0;
width: 73px;
height: 55px;
font-size: 86%;
text-align: left;
padding-left: 3px;
padding-right: 10px;
list-style: none;
}
.menu_colour1 {
background: url(/images/m1.gif) no-repeat top left;
color:#125170;
}
.menu_colour2 {
background: url(/images/m2.gif) no-repeat top left;
color:#015446;
}
.menu_colour3 {
background: url(/images/m3.gif) no-repeat top left;
color:#106a68;
}
.menu_colour4 {
background: url(/images/m4.gif) no-repeat top left;
color:#119e9f;
}
#menu a {
float: left;
display: block;
color: #ffffff;
text-decoration: none;
margin: 0;
padding-top: 2px;
padding-bottom: 5px;
}
#menu a:visited {
text-decoration: none;
color: #ffffff;
}
#menu a:hover {
text-decoration: none;
color: #ffffff;
}
#under_menu {
float: left;
width: 759px;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #125170;
font-size: 170%;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 20px;
}
#under_menu1 {
margin: 0;
padding: 0;
color: #ffffff;
background-color: #125170;
font-size: 170%;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 20px;
}
#under_menu2 {
margin: 0;
padding: 0;
color: #ffffff;
background-color: #015446;
padding-bottom: 20px;
padding-top: 20px;
font-size: 170%;
padding-left: 15px;
}
#under_menu3 {
margin: 0;
padding: 0;
color: #ffffff;
background-color: #106a68;
padding-bottom: 20px;
padding-top: 20px;
font-size: 170%;
padding-left: 15px;
}
#under_menu4 {
margin: 0;
padding: 0;
color: #ffffff;
background-color: #119e9f;
padding-bottom: 20px;
padding-top: 20px;
font-size: 170%;
padding-left: 15px;
}
#mainContent {
margin: 0;
padding: 0;
float: left;
width: 85%;
margin-top: 25px;
margin-left: 15px;
}
#mainContent ol {
margin: 0;
padding: 0;
margin-top: 10px;
margin-left: 26px;
padding-bottom: 10px;
}
#mainContent ol li {
margin: 0;
padding: 0;
margin-top: 15px;
color: #2f68af;
font-style: italic;
font-weight: bold;
}
#mainContent ol li span {
color: #000000;
font-style: normal;
font-weight: normal;
}
#mainContent ul {
margin: 0;
padding: 0;
margin-left: 15px;
margin-top: 10px;
padding-bottom: 25px;
list-style: url(/images/square.gif);
}
#mainContent ul li {
margin: 0;
padding: 0;
margin-top: 15px;
}
#mainContent a {
color: #feb32f;
}
#mainContent a:visited {
color: #feb32f;
}
#mainContent a:hover {
color: #feb32f;
}
h2 {
color: #2f68af;
font-size: 120%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: normal;
}
h3 {
font-size: 110%;
color: #2f68af;
margin: 0;
padding: 0;
}
#mainContent p {
color: #2f68af;
font-weight: bold;
}
.fonTablel1 {
background-color: #e7eef1;
color: #2f68af;
font-weight: bold;
}
.fonTablel2 {
background-color: #e7f5f5;
}
.member {float:left;margin-left: 15px;margin-right: 15px;margin-top: 10px;height:200px;}
input.subm {
float: right;
width: auto;
margin-right: 5px;
background-color: #125170;
border: 1px solid #125170;
color: white;
padding: 2px;
}
.mprofile {margin:10px;}
.mprofile { float: left; border:0px solid #ffffff;border-collapse: collapse; margin-bottom:10px;margin-left: 88px; margin-top: 25px; width:600px; font-family: Verdana, Arial, Helvetica, sans-serif;}
*html .mprofile { float: left; border:0px solid #ffffff;border-collapse: collapse; margin-bottom:10px;margin-left: 44px; margin-top: 25px; width:600px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mprofile td input, .mainform2 td textarea {width:246px; border: 1px solid #125170; vertical-align:baseline; padding: 2px;margin:0px;}
.mprofile td {padding:10px 6px; margin:10px 0; vertical-align:top;color: #2f68af; font-weight: bold;}
.mprofile thead td{color: #9999cc; font-size:14px;}
.mprofile a { color: #feb32f; }
.mprofile td input.iamchbx{width:15px; margin-right:10px;}
.mprofile td input.checkbox{width:15px; margin-right:10px;}
.mprofile td p { color: #2f68af; font-weight: bold; margin: 0; padding: 0;}
.mprofile .formbutt input { width: auto; margin-right: 5px; background-color: #125170; border: 1px solid #125170; color: white; padding: 2px; width:100px;}
.mainform2 { float: left; border:1px solid #125170;border-collapse: collapse; margin-bottom:10px;margin-left: 88px; margin-top: 25px; width:600px; font-family: Verdana, Arial, Helvetica, sans-serif;}
*html .mainform2 { float: left; border:1px solid #125170;border-collapse: collapse; margin-bottom:10px;margin-left: 44px; margin-top: 25px; width:600px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mainform2 td {padding:5px 6px; margin:10px 0; vertical-align:top; color:black;}
*html .mainform2 td {padding:5px 6px; margin:10px 0; vertical-align:baseline;}
.mainform2 td input, .mainform2 td textarea {width:246px; border: 1px solid #125170; vertical-align:baseline; padding: 2px;}
.mainform2 td select {width:253px; border: 1px solid #125170; margin-top: 8px;vertical-align:baseline;}
*html .mainform2 td select {width:253px; border: 1px solid #125170; vertical-align:top;}
.mainform2 td.wisiwig input, .mainform2 td.wisiwig select, .mainform2 td.wisiwig textarea {width:auto; vertical-align:baseline;}
.mainform2 td.formbutt {padding:2px 6px; padding-bottom: 5px; color:#FFFFFF;text-align:center;}
.mainform2 .formbutt input { width: auto; margin-right: 5px; background-color: #125170; border: 1px solid #125170; color: white; padding: 2px; width:100px;}
td.header2 {width: 100%; margin:0; background: #125170; font-size:14px; color: white;}
.mainform2 thead td{background: #9999cc; font-size:14px; color: white;}
.mainform2 td input.checkbox {width:15px;border:solid 0px #000000;margin-right:15px;}
.sheader {
float: left;
width: 759px;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #125170;
font-size: 170%;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 20px;
}
/*Show PopUp Message From Database*/
div#DBMsg_PopUp
{
border: 2px solid #D4D8E5;
width: 250px;
height: auto;
min-height: 100px;
position: absolute;
top: 30%;
left:40%;
z-index: 100;
text-align: center;
background-color: #FFFFFF;
}
div#Msg_PopUp
{
border: 0px;
background-color: #FFFFFF;
text-align: center;
color: red;
font-weight: bold;
padding: 40px 10px 20px 10px;
}
/*end*/
div.filter {
margin: 0;
padding: 0;
width: 97%;
float: left;
background-color: #e7eef1;
-moz-border-radius: 0.5em;
padding: 0.5em 0 1em 0.5em;
margin: 0.5em 0 1.5em 0;
margin-left: 1%;
}
*html div.filter {
margin: 0;
padding: 0;
width: 97%;
float: left;
background-color: #e7eef1;
-moz-border-radius: 0.5em;
padding: 0.5em 0 1em 0.5em;
margin: 0.5em 0 1.5em 0;
margin-left: 4px;
}
div.filter input{
border: 1px solid #125170;
padding: 2px;
}
div.filter b{
margin-top: 10px;
padding-top: 10px;
}
.filterin {
float: left; width: 200px; padding: 3px 0px 3px 0px;
}
.filterin input{
margin: 0;
padding: 0;
}
.filterin2 {
float: left; width: 350px; padding: 3px 0px 3px 0px;
}
.filterin2 input{
margin: 0;
padding: 0;
}
#o_view {
width: 98%;
margin-left: auto;
margin-right: auto;
}
.filter a {
color: #feb32f;
font-weight: bold;
}
tr.row3 {
background-color: #e7eef1;
-moz-border-radius: 0.5em;
padding: 1em;
margin: 0.3em;
}
.documents {width: 100%; cursor:default;}
.documents td {padding:4px 6px;}
.documents td input {width:auto;}
.documents thead td {background:#125170; color:#FFFFFF; text-align:center; font-weight:bold;}
.documents tbody td {font-size:11px; }
.documents tbody .row1 td {background:#F5F5F5}
.documents tbody .row2 td {background:#FAFAFA}
.documents tbody .numb {padding:3px; color:#FFFFFF; font-weight:bold}
.documents tbody tr:hover td {background:#F0F0F0}
.documents tbody tr:hover .numb {background:#9999cc}
div#data_area
{
width: 100%;
}
#data_area input { width: auto; margin-right: 5px; background-color: #125170; border: 1px solid #125170; color: white; padding: 2px; width:100px;}
#data_area td input {vertical-align: baseline;}
#data_area a { color: #feb32f; font-weight: bold;}
#o_add {
clear: both;
}
.mainform1 { float: left; border:1px solid #125170;border-collapse: collapse; margin-bottom:10px;margin-left: 88px; margin-top: 25px; width:550px; font-family: Verdana, Arial, Helvetica, sans-serif;}
*html .mainform1 { float: left; border:1px solid #125170;border-collapse: collapse; margin-bottom:10px;margin-left: 44px; margin-top: 25px; width:600px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mainform1 td {padding:5px 6px; margin:10px 0; vertical-align:top; color:black;}
*html .mainform1 td {padding:5px 6px; margin:10px 0; vertical-align:baseline;}
.mainform1 td input, .mainform2 td textarea {width:246px; border: 1px solid #125170; vertical-align:baseline; padding: 2px;}
.mainform1 td select {width:253px; border: 1px solid #125170; margin-top: 8px;vertical-align:baseline;}
*html .mainform1 td select {width:253px; border: 1px solid #125170; vertical-align:top;}
.mainform1 td.wisiwig input, .mainform2 td.wisiwig select, .mainform2 td.wisiwig textarea {width:auto; vertical-align:baseline;}
.mainform1 td.formbutt {padding:2px 6px; padding-bottom: 5px; color:#FFFFFF;text-align:center;}
.mainform1 .formbutt input { width: auto; margin-right: 5px; background-color: #125170; border: 1px solid #125170; color: white; padding: 2px; width:90px;}
td.header1 {width: 100%; margin:0; background: #125170; font-size:14px; color: white;}
.mainform1 thead td{background: #125170; font-size:14px; color: white;}
.mainform1 td input.checkbox {width:15px;border:solid 0px #000000;margin-right:15px;}
.mmZZ {
margin: 0;
padding: 0;
float: left;
width: 100%;
margin-bottom: 3px;
}
.mmZZL {
margin: 0;
padding: 0;
float: left;
width: 12%;
font-weight:bold;
}
.mmZZR {
margin: 0;
padding: 0;
float: right;
width: 85%;
}
.mmZZL1 {
margin: 0;
padding: 0;
float: left;
width: 15%;
font-weight:bold;
}
.mmZZR1 {
margin: 0;
padding: 0;
float: right;
width: 80%;
}
/* form begin */
.block_Report {
margin-left: 20px;
width: 480px;
}
.block_Report form {
margin: 0;
padding: 0;
float: left;
width: 100%;
margin-bottom: 20px;
}
.block_Report input, .block_Report textarea, .block_Report select {
margin: 0;
padding: 0;
color: #000000;
border: 1px solid #125170;
}
.boxForm {
margin: 0;
padding: 0;
width: 100%;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.block_ReportLeft {
margin: 0;
padding: 0;
width: 35%;
float: left;
margin-right: 1%;
padding-top: 2px;
padding-bottom: 6px;
}
.block_ReportLeft1 {
margin: 0;
padding: 0;
width: 45%;
float: left;
margin-right: 1%;
padding-top: 2px;
padding-bottom: 6px;
}
.block_ReportOne {
margin: 0;
padding: 0;
width: 100%;
float: left;
padding-top: 2px;
padding-bottom: 6px;
}
.block_ReportLeftInner1 {
margin: 0;
padding: 0;
width: 98%;
color: #2f68af;
font-size: 13px;
font-weight: bold;
line-height: 1.7;
}
.block_ReportLeftInner2 {
margin: 0;
padding: 0;
width: 98%;
font-size: 13px;
color: #2f68af;
font-style: italic;
}
.block_ReportLeftInner3 {
margin: 0;
padding: 0;
padding-left: 30px;
font-size: 13px;
color: #2f68af;
font-style: italic;
}
.block_ReportRight {
margin: 0;
padding: 0;
width: 63%;
float: right;
padding-bottom: 5px;
}
.block_ReportRight1 {
margin: 0;
padding: 0;
width: 53%;
float: right;
padding-bottom: 5px;
}
.block_ReportRightInner {
margin: 0;
padding: 0;
width: 100%;
float: left;
margin-top: 3px;
}
.block_ReportRightInner input, .block_ReportRightInner textarea {
margin: 0;
padding: 0;
float: left;
width: 99%;
padding: 2px;
font-size: 12px;
color: #000000;
border: 1px solid #125170;
}
.block_ReportRightInner textarea {
height: 50px;
}
.block_ReportRightInner input.miniFieldForm1 {
margin: 0;
padding: 0;
float: left;
width: 18%;
padding: 2px;
font-size: 12px;
}
.block_ReportRightInner input.miniFieldForm {
margin: 0;
padding: 0;
float: left;
width: 23%;
padding: 2px;
font-size: 12px;
}
.block_ReportOne input.fomBitton {
margin: 0;
padding: 0;
border: none;
background: #ffffff;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #2f68af;
cursor: pointer;
text-align: left;
margin-right: 20px;
}
.block_ReportRightInner input.fomBitton1 {
display: inline;
margin: 0;
padding: 0;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #d4d0c8;
padding: 1px;
width: 20px;
color: #000000;
cursor: pointer;
}
*html .block_ReportRightInner input.fomBitton1 {
border-top: none;
}
.block_ReportRightInner input.fomBitton2 {
display: inline;
margin: 0;
padding: 0;
border: 0;
background: #d4d0c8;
width: 17px;
height: 19px;
color: #000000;
cursor: pointer;
}
.block_ReportRightInner select {
margin: 0;
padding: 0;
width: 46%;
font-size: 11px;
}
/* form end */