/* === Table of Content ===
 * - GLOBAL STYLES
 * - PAGE STRUCTURE
 * 		- left col
 * 		- right col
 * 		- center col
 * 		- Main news block
 * 		- Image viewer block
 *      - main content
 *      - intext 2 cols structure table
 * - NAVIGATION
 * 		- main menu
 * 		- secondary menu
 * 		- image-block tabs
 * - TEXT STYLES AND DECORATIONS
 * 		- decorated-link
 * 		- information-block
 * 		- intext content link
 * - FOOTER
 * - FORMS
 * 		- input
 * 		- button
 * - REGULAR PAGE
 * - EXTRAS
 * 		
 */


/* --- GLOBAL STYLES --- */
* {
	margin: 0;
	padding: 0;	
}


html {
	font-size: 100.01%;
}

a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a img { border: 0; }

table {
	border: 0 none;
}

table td {
	vertical-align: top;
}


table td,
p {
	line-height: 1.3em;
	color: #333333;
}

.content p {
	margin: 5px 0;
}

table td a,
p a {
	font-size: 100%;
	text-decoration: underline;
}


h1 {
	font-weight: normal;
	color: #cd2114;
	font-size: 26px;
	padding: 20px 0 10px 0;
	text-transform: lowercase;
}

h2 {
	font-weight: normal;
	color: #333;
	font-size: 18px;
	text-transform: lowercase;
	padding-top: 10px;
}

h3 {
	font-weight: bold;
	color: #333;
	font-size: 14px;
	text-transform: lowercase;
	padding-top: 10px;
}

body {
	font-family: Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-size: 70%;
}

/* --- PAGE STRUCTURE --- */
div.body {
	width: 100%;
	overflow: auto;
	clear: both;
}


div.brick {
	border-right: solid #cd2114 5px;
	position: absolute;
	top: 0px;
	left: 270px;
}

div.logo {
	position: absolute;
	left: 15px;
	top: 61px;
}

/* right col */
div.right-col {
	margin-left: 270px;
	background: transparent url(/images/blue_line_bg.png) repeat-x scroll left top;
}

/* left col */

div.left-col {
	float: left;
	width: 195px;
	padding-left: 41px;
	padding-bottom: 20px;
}

div.left-col p {
	margin-bottom: 10px;
}

div.left-col h1 {
	position: relative;
	left: -20px;
    margin-top: 30px;
}

div.padded-top {
	padding-top: 227px;
}

/* center col */
div.center-col {
	/* background: url(/images/blue-bg.gif) no-repeat left top; */
	background: transparent url(/images/blue_line_left.png) no-repeat scroll left top;
}

/* Main news block */
div.MainNewsBlock {
	position: absolute;
	left: -10px;
	top: 150px;
	width: 301px;
	z-index: 10;
}

div.MainNewsBlock a {
	color: #000;
}

div.MainNewsBlock div.header {
	background: url(/images/brownBlockTop.gif) no-repeat left top;
	height: 62px;
}

div.MainNewsBlock div.inside {
	background: url(/images/brownBlockBg.gif) repeat-y left top;
	padding-bottom: 25px;
}

div.MainNewsBlock div.bottom {
	background: url(/images/brownBlockBottom.gif) no-repeat left top; 
	height: 16px;
}

div.MainNewsBlock div.header h2 {
	margin-left: 20px;
	padding-top: 10px;
}

div.MainNewsBlock div.inside p {
	padding: 0px 50px 10px 40px;
	color: #000;
}

/* Image viewer block */
div#image-viewer-block {
	padding-top: 15px;
	height: 211px;
}

div#image-viewer-block img {
	padding: 6px 5px 5px 13px;
}

div#image-viewer-block div.top {
	background: url(/images/topImageBlock.gif) no-repeat left top;
}

div#image-viewer-block div.bottom {
	background: url(/images/topImageBottom.gif) no-repeat left bottom;
	padding-bottom: 13px;
}

div#image-viewer-block div.bg {
	background: url(/images/topImageBg.gif) repeat-y left top;
}

/* main content */
div.content {
	padding: 0 0 45px 27px;
	width: 423px;
}


/* intext 2 cols structure table */
table.cols {
	border: 0 none;
	margin-left: 26px;
}

table.cols td.col1 {
	padding-right: 20px;
}

table.cols td.col2 {
	padding-right: 63px;
}

/* --- NAVIGATION --- */

/*  Main menu */
div.main-menu {
	margin-top: 55px;
	margin-left: 281px;
}

div.main-menu ul {
	list-style: none;
	height: 25px;
	display: block;
	width: 499px;
}

div.main-menu ul li {
	float: left;
	text-indent: 17px;	
	background-position: left 50%;
	background-repeat: no-repeat;
	margin-right: 16px;
}

div.main-menu ul li a {
	font-size: 110%;
	color: #000;
	text-decoration: none;
}

div.main-menu ul li a:hover {
	text-decoration: underline;
}

div.main-menu ul li.r01 a,
div.main-menu ul li.r02 a,
div.main-menu ul li.r03 a,
div.main-menu ul li.r04 a,
div.main-menu ul li.r05 a {
	color: #CD2114;
}

div.main-menu ul li.red01 { background-image: url(/images/1_red.gif); }
div.main-menu ul li.red02 { background-image: url(/images/2_red.gif); }
div.main-menu ul li.red03 { background-image: url(/images/3_red.gif); }
div.main-menu ul li.red04 { background-image: url(/images/4_red.gif); }
div.main-menu ul li.red05 { background-image: url(/images/5_red.gif); }

div.main-menu ul li.blue01 { background-image: url(/images/1_blue.gif); }
div.main-menu ul li.blue02 { background-image: url(/images/2_blue.gif); }
div.main-menu ul li.blue03 { background-image: url(/images/3_blue.gif); }
div.main-menu ul li.blue04 { background-image: url(/images/4_blue.gif); }
div.main-menu ul li.blue05 { background-image: url(/images/5_blue.gif); }


/* Secondary menu */
div.sub-menu {
	clear: both;
	background: url(/images/blue_line_bg.png) repeat-x left top;
	margin-left: 270px;
}

div.sub-menu a {
	text-decoration: underline;	
	color: #000;
	font-size: 11px;
}

div.sub-menu a:hover {
	text-decoration: none;	
}

div.sub-menu div {
	background: url(/images/blue_line_left.png) no-repeat left top;
	padding: 0 18px;
}

div.sub-menu ul {
	list-style: none;
	height: 25px;
	width: 485px;
}

div.sub-menu ul li {
	float: left;
	padding: 7px 0 7px 10px;
}

div.sub-menu ul li.last {
	border-left: 1px solid #b0cccc;
	margin-left: 10px;
}

div.sub-menu ul li.last a {
	font-size: 9px;
	text-decoration: none;
}

/* image-block tabs */
div.tabs {
	padding-left: 180px;
}

div.tabs a {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	display: block;
	padding-top: 3px;
	outline: none;
}

div.tabs div {
	background: url(/images/tab.gif) no-repeat left top;
	float: left;
	width: 87px;
	height: 25px;
	text-align: center;
}

div.tabs div.active {
	background: url(/images/activeTab.gif) no-repeat left top;
}

div.tabs div.active a {
	color: #000;
	padding-top: 6px;
}



/* --- TEXT STYLES AND DECORATIONS --- */

/* decorated link */
div.decorated-link {
	float: right;
	height: 25px;
}

div.decorated-link a {
	display: block;
	height: 25px;
	background: url(/images/link-border-bg.gif) repeat-x left top;
	margin: 0 5px;
	padding: 0 3px;
	line-height: 25px;
	outline: none;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

li a.active {
  font-weight:bold;
}

div.decorated-link a:hover {
	text-decoration: none;
}

div.decorated-link div.left {
	background: url(/images/link-border-left.gif) no-repeat left top;
}

div.decorated-link div.right {
	background: url(/images/link-border-right.gif) no-repeat right top;
}

/* Information block */
div.info-block {
	width: 421px;
	position: relative;
}
div.left-col a:hover, div.content a:hover {
	background-color: #CD2114;
	color: #FFF;
}
div.info-block ol, div.info-block ul {
	margin-left: 20px;
}

div.info-block table, div.info-block table tr, div.info-block table tr td, div.info-block table tr th {
	border: 1px solid #666;
	border-collapse: collapse;
}

div.info-block table td {
	padding: 3px;
}

div.info-block div.top {
	background: url(/images/blue-block-top.gif) no-repeat left top;
	position: absolute;
	width: 421px;
	height: 8px;
}

div.info-block div.bottom {
/*	background: url(/images/blue-block-bottom.gif) no-repeat left top; */
	height: 10px;
	width: 421px;
}

div.info-block div.inside {
	background: url(/images/blue-block-bg.gif) repeat-y left top;
	padding-top: 10px;
	padding: 10px 20px 0 30px;
}


/* intext content link */
a.content-link {
	float: right;
	margin-right: 58px;
	color: #cd2114;
	text-decoration: underline;
	font-weight: bold;
}

/* --- FOOTER --- */

div#footer {
	padding: 15px 10px 0 0;	
	width: 770px;
}

div#footer div.input {
	margin-top: 4px;
	margin-right: 5px;
}

div#footer div.form {
	float: right;
	padding-right: 41px;
}

div#footer div.blue-brick {
	border-right: solid 5px #d8e5e6;
	width: 266px;
	height: 60px;
	margin: 0 0 15px 0;
}



div#footer div.blue-brick p {
	margin: 0 0 0 35px;
	padding: 8px 0 0 0;
}

/* --- FORMS --- */

/* Input */
div.input {
	float: left;
}

div.input .ins {
	background: url(/images/input-bg.gif) repeat-x left top;
	margin: 0px 5px 0px 5px;
	height: 22px;
}

div.input input {
	border: 0 none;
	margin-top: 3px;
	font-size: 100%;
	font-family: Trebuchet MS,Tahoma,Verdana,sans-serif;
}

div.input .left {
	background: url(/images/input-left.gif) no-repeat left top;
}

div.input .right {
	background: url(/images/input-right.gif) no-repeat right top;
}

/* Button */
div.button {
	float: left;
}

div.button input {
	background: url(/images/button-bg.gif) repeat-x left top;
	height: 31px;
	border: 0 none;
	margin: 0 9px 0 11px;;
	font-size: 10px;
	font-family: Tahoma;
	font-weight: bold;
	padding-bottom: 4px;
}

div.button .left {
	background: url(/images/sub_button-left.gif) no-repeat left top;
}

div.button .right {
	background: url(/images/sub_button-right.gif) no-repeat right top;
}

/* --- REGULAR PAGE --- */
div#regular div.center-col {
	margin-top: 10px;
}

div#regular div.left-col {
	margin-top: 75px;
}

div#regular div.left-col p {
	margin-bottom: 10px;
}


/* --- EXTRAS --- */

/* Decorated bottom link in Main news section */
div#NewsBlockLink {
	padding-right: 26px;
}

div.border-top {
	border-top: solid 1px #cfe0e0;
}

div.print-info,
div.print-title {
	display: none;
}


div.content ol, div.content ul {
	margin: 0 0 0 30px;
}


/****************************************************************
Forms
*****************************************************************/

form fieldset {
	padding:0;
   /*	margin:20px 0 0 0;*/
	/*margin-bottom:30px;*/
    width: 80%;
    border:none;
}
form label {
	display:block;
   /*	position:relative; */
	padding:0;
	margin:0 0 8px 0;
}
form label.checkbox {
	margin:0 0 10px;
}
form label.checkbox input {
    border:0 none;
    float:left;
    margin:0 10px 0 0;
    width:auto;
}
form span {
    display:block;
    float:left;
    padding:0;
}

.mandatory {
  color:#CD2114;
  font-weight:bold;
  padding-right:3px;
}

.content form input, .content form textarea, .content form select {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #B3B39F;
    padding:1px;
    width:100%;
}
.content form input:focus, .content form textarea:focus, .content form select:focus {
	border-color:#8A9CB0;
}

.content form input.button {
	/*position:absolute;*/
	right:0px;
	width:auto;
	top: 0px;
	font-size: 12px;
}

.content form textarea {
	height: 150px;
}

p.note {
 margin-bottom:5px;
}

div.buttons {
  float: left;
}
div.buttons button {
  margin-right: 5px;
}

input.file {
  width: 400px;
}
form img {
  float: left;
  margin-left: 20px;
}

p.error {
	border: 1px solid #CD2114;
	padding: 5px;
	margin: 10px 0 10px 0;
	color: #CD2114;
}

p.error a {
	color: #CD2114;
}

p.ok {
	border: 1px solid #006600;
	padding: 5px;
	margin: 10px 0 10px 0;
	color: #006600;
}

p.ok a {
	color: #006600;
}

span#sipid, span#balance {
	color: #CD2114;
	font-size: large;
}

.content table th {
	text-align: left;
	color: #CD2114;
	padding: 3px;
}

.content .paging  {
	margin-top: 10px;
}

.content .paging a {
	padding: 3px;
	margin: 10px 5px 0px 0px;
	border: 1px solid #CD2114;
}

.content .paging a.active {
	color: #CCC;
	border: 1px solid #CCC;	
}