/* The main core css file used for newer browsers IE8+, Firefox 3.5.2, and Opera 10.0 */

html, body {
    text-align: center;
    background: black url('/images/chicom_bg_tile.gif') repeat fixed;
    margin: 0px;
    padding: 0px;
    scrollbar-track-color: black;
    scrollbar-arrow-color: #4091F0;
    scrollbar-shadow-color: black;
    scrollbar-face-color: #27273B;
    scrollbar-highlight-color: #27273B;
    scrollbar-darkshadow-color: black;
    scrollbar-3dlight-color: #3E3E51;
    font-family: verdana, arial, sans-serif;
}


/* Layout - Globals */
body {
     overflow: scroll;
     overflow-x: auto;
}



.clear { clear: both; }

.noback { background: transparent; }

a img { border: 0px; }

a:link, a:visited {
    color: #66ccFF;
    text-decoration: none;
}

a:hover {
    color: #00ff00;
    text-decoration: underline overline;
}

.small { font-size: 8pt; }

/* Layout - containrs */
#containr {
    width: 1020px;
    margin: 0px auto;
    margin-right: auto;
    color: #4091F0;
    background: url('/images/chicom_side.png') repeat-y;
    text-align: left;
}

#containrh {
    width: 650px;
    margin: 25px auto 25px auto;
    color: #4091F0;
}

#containrh p { margin-top: -35px; }

/* Layout - Header frame */
#headr {
    width: 1020px;
    margin: 0px auto;
    margin-right: auto;
    color: #4091F0;
    text-align: left;
}

/* Layout - logo */
#logo {
    background-color: #3037A5;
    background: rgba(48, 55, 165, 0.25);
    filter: alpha(opacity=25);
    height: 50px;
    margin-left: 35px;
    margin-right: 35px
}

#logo img { position: relative; }

#logo .lt {
    margin: 15px 0px auto 10px;
    float: left; }

#logo .rt {
      margin: 14px 10px auto 0px;
      float: right;
      position: relative;
}

/* Layout - Left Bar */
#leftbar {
	width: 260px;
    margin-left: 35px;
	float: left;
	border-top: 2px solid #383FD0;
    border-right: 2px solid #383FD0;
}

#leftbar h2 { 
	margin: 0;
    font: 10pt verdana, arial, sans-serif;
	font-weight: bold;
    color: yellow;
    padding: 4px 0px;
    text-align: center;
	background: #27273B;
    border-bottom: 1px solid #31314B;
}

#leftbar .root_categories {
	margin: 0;
	padding: 0;
	list-style: none; 
}

#leftbar .root_categories li p {
	margin: 10px 0px 0px 0px; 
	padding: 5px 0px 5px 2px;
    text-align: left;
	border-bottom: 1px solid #383FD0; 
}

#leftbar .root_categories li p a:link, #leftbar .root_categories li p a:visited, #leftbar .root_categories li p a:active {
	color: #66CCFF;
	font: 10pt verdana, arial, sans-serif;
    font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 10px 0px 0px 2px;
    position:relative;
}

#leftbar .root_categories li p a:hover {
    color: #00ff00;
    text-decoration: underline overline;
}

#leftbar .root_categories li p a.collapse {
    position: absolute;
    right: 0;
    padding: 0px 10px 0px 0px;
}

#leftbar .root_categories li p a.collapse:hover { color: #00ff00; }

#leftbar .root_categories li p>a.collapse { margin-top: 0px; }


/* Left Bar - Categories - Children */
.children { display: block; }

.children, .children li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.children li {
    border-bottom: 1px solid #31314B;
    padding: 3px 0px 3px 0px;  
    font: 8pt verdana, arial, sans-serif;
    text-align: left;
}

.children .nolink { padding: 0px 0px 0px 15px; }

.children a:link, .children a:visited {
    font-size:10pt;
	background: url('/chicomdl/templates/chicom/images/chicom_bull_norm.gif') no-repeat 5px;
	color: #66CCFF;
	text-decoration: none;
	padding: 0px 5px 0px 15px;
}

.children a:hover {
    background: url('/chicomdl/templates/chicom/images/chicom_bull_over.gif') no-repeat 5px;
    color: #00FF00;
    text-decoration: underline overline;
}


/* Layout - Content Area */
#contentarea { 
	margin-left: 295px; 
    margin-right: 35px;
    border-top: 2px solid #383FD0;
    border-left: 2px solid #383FD0;
}


div.box {
	margin: 10px;
}

#contentarea h1 {
	margin: 0;
	font: 10pt verdana, arial, sans-serif;
    font-weight: bold;
	color: yellow;
	padding: 3px 4px;
    text-align: center;
	background: #27273B;
    border-bottom: 1px solid #31314B;
}



#contentarea>h1 { padding: 4px; }

#contentarea h1 a:link, #contentarea h1 a:visited {
	color: #66CCFF;
	text-decoration: none;
}

#contentarea h1 a:hover { 
    text-decoration: underline overline;
    color: #00ff00
}
#contentarea h2 {
	font: 10pt verdana, arial, sans-serif;
    font-weight: bold;
	margin: 0;
	padding: 5px;
	background: #1C1C2A;
    color: #00FF00;
    border-bottom: 1px solid #31314B;
}

#contentarea h2 a:link, #contentarea h2 a:visited {
	color: #66ccff;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

#contentarea h2 a:hover {
    color: #00ff00;
    text-decoration: underline overline;
}

#contentarea h3 {
	font-weight: normal;
	font-size: 10pt;
	margin: 0;
	padding: 2px;
	background: #FFF;
}

#contentarea h3 a:link, #contentarea h3 a:visited {
	color: #66ccff;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

#contentarea h3 a:hover { color: #00ff00; }

#contentarea .wysiwyg {
    padding: 5px 10px;
    background: #27273B;
    font: 8pt verdana, arial, sans-serif;
    border-bottom: 1px solid #31314B;
}

#contentarea .wysiwyg ul { margin-left: -10px; margin-right: 15px; }

#contentarea .wysiwyg h1 { 
    text-align: left;
    margin-left: -15px;
    padding-left: 5px;
}

#contentarea .wysiwyg li {
    padding: 5px 0px 3px 0px;  
    font: 8pt verdana, arial, sans-serif;
    text-align: left;
}

.filebox_breadcrumb {
	color: #5781BA;
	font-weight: normal;
	font-size: 10pt;
	margin: 0;
	padding: 3px;
	background: #1C1C2A;
}

.filebox_breadcrumb .small { color: #5781BA; }

.filebox_breadcrumb a:link, .filebox_breadcrumb a:visited {
	color: #2B4B8B;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

.filebox_breadcrumb a:hover {
    color: #00ff00;
    text-decoration: overline underline;
}

.filebox_links {
    background: #1C1C2A;
    color: #5781BA;
	font-weight: normal;
	font-size: 8pt;
	padding: 5px;
	margin: 0;
}

.box p { border-bottom: 1px solid transparent; }

.para {
    padding: 5px 35px 15px 35px;
    color: #4091F0;
}

#footr {
	height: 66px;
	background: url('/chicomdl/templates/chicom/images/chicom_footer.png') top no-repeat;
}

#chifootr {
    width: 1020px;
    clear: both;
    margin: 0px auto;
    color: #4091F0;
	height: 66px;
	background: url('/chicomdl/templates/chicom/images/chicom_footer.png') top left no-repeat;
}

#chifootr .chifootr_left {
    float: left;
    color: #4091F0;
	padding: 25px 30px 0px 30px;
}

#chifootr .chifootr_right {
    float: right;
    position: relative;
    color: #4091F0;
	padding: 25px 28px 0px 30px;
}

.text_right {
	float: right;
	padding: 0px 5px 0px 0px;
}