﻿
#topContent {
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:130px;
border:0;
font-family: Segoe UI, Arial , Sans-Serif, Courier New, Lucida Console;
font-size:11px;
max-height:120px;
max-width: 1024px;
vertical-align:top;
margin:0;padding:0;outline:0;
}


#leftContent {
position:absolute;
left:0;
right:0;
top:120px;
width:212px;
border:0;
font-family: Segoe UI, Arial , Sans-Serif, Courier New, Lucida Console;
font-size:11px;
max-width: 212px;
vertical-align:middle;
height:540px;
max-height:540px;
padding:0;
margin:0;outline:0;
clear:both;
}

#middleContent {
position:absolute;
margin-left:212px;
right:0;
top:120px;
width:600px;
border:0;
font-family: Segoe UI, Arial , Sans-Serif, Courier New, Lucida Console;
font-size:11px;
max-width: 600px;
vertical-align:top;
height:540px;
max-height:540px;
margin:0;
padding:0;
outline:0;
clear:both;
}

#rightContent 
{
    border:0;
    position:absolute;
    margin-left:812px;
    right:0;
    top:120px;
    width:206px;
    font-family: Segoe UI, Arial, Sans-Serif, Courier New, Lucida Console;
    font-size:11px;
    max-width: 206px;
    vertical-align:middle;
    height:540px;
    max-height:540px;
    padding:0;
    outline:0;
    margin: 0;
    background-color:#C3D0FE;
    overflow: hidden;
    clear:both;
}


.leftcol 
{
width : 212px;
overflow : hidden;
float : left;
margin-left:auto;
	margin-right:auto;
	height:580px;
} 

.midcol 
{
width : 600px;
overflow : hidden;
float : right;
margin-left:auto;
	margin-right:auto;
	height:580px;
}
.midcolmainpage
{
    width : 812px;
    overflow : hidden;
    margin-left:auto;
	margin-right:auto;
	height:580px;
    font: 0/0 a;  
}
.divMainContainer
{
    width:1024px;
    display:block;
    height:580px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
} 
.divLeftCent1
{
     width:812px;
     height:580px;
     float:left;
     display: block;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
.rightcol {
display : block;
width : 212px;
float : right;
background-color:#C3D0FE;
margin-left:auto;
margin-right:auto;
height:580px;
}

#outer {
    width:600px;
    margin:0 auto;
    background:#BBBBBB;
    text-transform:uppercase;
    padding:10px;
}

#header {
    background:#0044FF;
    padding:5px 10px;
}

#title{
    background:#FF2244;
    padding:10px;
    float:left;
}

#search{
    background:#22CC22;
    padding:10px;
    float:right;
}
div.ContentContainer {
	width:1024px;
}
div.lContent {
	width:212px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
div.mContent {
	width:600px;
	margin-left:auto;
	margin-right:auto;
   float:right;
}
.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

.header { }
.header .headTop { height:70px;}
.header .logo { float:left;}
.header .logo a { border:none; }
.header .bannerAd { float:right; }
.header .bannerAd ul { list-style:none; width:350px; margin:-7px 70px 0 0;}
.header .bannerAd ul li {float:left; margin:0 10px 6px 0;}
.header .bannerAd ul li img {height:27px; width:49px; border:2px solid #7a7a7a; -moz-border-radius: 4px; border-radius: 4px;}
.header .navBar { margin:2px 0 0 0; height:30px;}
.header .navBar ul { display:inline; float:right; list-style:none;}
.header .navBar ul li{ display:block; float:left; background:url(/images/head_nav_split.gif) no-repeat right;}
.header .navBar ul li a { display:block; padding:7px 15px; color:#fff; font-size:14px; text-decoration:none;}
.header .navBar ul li a:hover { background:url(/images/head_nav_split.gif) repeat-x;}

.contentWrap { margin:10px 0;}
.contentWrap .leftCol {float:left;}
.contentWrap .rightCol {float:right;}

.header .navBar ul { display:inline; float:right; list-style:none;}
.header .navBar ul li{ display:block; float:left; background:url(/images/head_nav_split.gif) no-repeat right;}
.header .navBar ul li a { display:block; padding:7px 15px; color:#fff; font-size:14px; text-decoration:none;}
.header .navBar ul li a:hover { background:url(/images/head_nav_split.gif) repeat-x;}
.header .navBar .strL {float:left; font-weight:bold; padding:7px 0 7px 35px; color:#fff; font-size:14px;}
.header .navBar .strR {float:right; font-weight:bold; padding:7px 40px 7px 0; color:#fff; font-size:14px;}

    .button-link-small {
        padding: 3px 3px;
        background: #4479BA;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: solid 1px #20538D;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        text-decoration:none;
    }
    .button-link:hover {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
       }
    .button-link:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        background: #2E5481;
        border: solid 1px #203E5F;
       }

       .button-link {
        padding: 8px 8px;
        background: #4479BA;
        color: #FFF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: solid 1px #20538D;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        text-decoration:none;
    }
    .button-link:hover {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
       }
    .button-link:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        background: #2E5481;
        border: solid 1px #203E5F;
       }
       table.listView { }
       table.listView th {
           position:relative;
       }
       table.listView td { background-color: #EFEFFF; }
       table.listView tr.a td { background-color: #FFFFFF; } /* Alternating rows */
.dClass 
   {
           overflow-x: hidden;
           overflow-y: scroll;
           scrollbar-face-color:#5e80fd; 
           scrollbar-track-color:#aabcfe; 
           scrollbar-arrow-color:#0066FF; 
           scrollbar-track-color:#e9eefe; 
           scrollbar-shadow-color:#aabcfe; 
           scrollbar-darkshadow-color:#cccccc;
           scrollbar-3dlight-color:#ffffff; 
           scrollbar-highlight-color:#00ffcc;
           -ms-scrollbar-base-color: blue; 
           scrollbar-base-color: blue; /* Always use the standard when available. */
           
  }

.parentbox {
    width:500px;
    height:400px;
    border-style:solid;
    
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.midcolmainpage:before {      /* create a full-height inline block pseudo-element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

.childbox {
    display: inline-block;
    vertical-align: middle;          /* vertical alignment of the inline element */
    font: 16px/1 Segoe UI, Arial, sans-serif;  /* reset the font property */
    padding: 5px;
    border: 2px solid black;
}