﻿/************************************************************************************
*
*	Global Settings
*
************************************************************************************/
html, body{width:100%;}
* {
	padding:0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

/*-------
// general
//-----*/


.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }
.flR { float: right; }
.flL { float: left; margin-left:5px }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -100em; }

/* Page elements */
img {
	border:0px;
}
dl{}
dt{ font-weight:bold; padding:5px 0px;}
dd{ padding:5px 0px;}

ul {
	list-style-position:outside;
	list-style:none;
	list-style-image:none;
}
li {
}
ul.txt-ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-position:outside;
}
.txt-ul li {
	background-image:url(../img/components/bullet-gray-dark.gif);
	background-position:6px 8px;
	background-repeat:no-repeat;
	padding:1px 0 6px 15px;
}
ul.txt-ul-arrow{
	margin:0 0 10px 0;
	padding:0;
	list-style-position:outside;
}
ul.txt-ul-arrow li {
	background-image:url(../img/components/bullet-arrow.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding:1px 0 0px 15px;
}

ol {
	margin:0 0 10px 30px;
	list-style-position:outside;
	list-style-type:decimal;
	padding:2px 0;
}
ol li {
	background-image:none;
	padding:1px 0 4px 0;
}
input {
	font:11px Arial, Helvetica;
	color:#333;
	padding:1px;
}
textarea {
	font:11px Arial, Helvetica;
	color:#333;
	padding:1px;
}
select {
	font:11px Arial, Helvetica;
	color:#333;
	padding:1px;
}
.checkbox input {
	border:0;
	border-style:none;
}
.checkbox {
	border:0;
	border-style:none;
}
.radio input {
	border:0;
	border-style:none;
}
.radio {
	border:0;
	border-style:none;
}
table {
	width:100%;
	text-align:left;
}
/* Text */
body {
	font:12px Arial, Helvetica;
	line-height:18px;
	color:#111;
	margin:0px !important;
	padding:0px !important;
}
p {
	margin-bottom:16px;
}
h1, h2, h3, h4, h5, caption {
	font-weight:normal;
	color:#222;
	font-family: Arial, Tahoma, seriff;
	margin-bottom:16px;
}
h1 {
  margin-bottom:16px;
  font-size:22px;
  line-height:24px;
  font-weight:normal;
  color:#336d9e;
}
.h1-alt {
  color:#222;
  border-bottom:1px solid #ccc;
  padding-bottom:6px;
}

h2 {
  font-size:20px;
  line-height:22px;
  border-bottom:1px solid #ccc;
  padding-bottom:6px;
}
h3 {
  font-size:16px !important;
  line-height:18px;
  color:#1967a1;
}
h4 {
  font-size:12px !important;
  line-height:18px;
  color:#222;
  font-weight:bold;
}
h5 {
  font-size:11px !important;
  line-height:18px;
  font-weight:bold;
  color:#1967a1;
}
caption {
	border: solid 1px #aaa;
	border-bottom:0px;
	line-height:14px;
	margin:0;
	padding:4px 8px;
	text-align:left;
	font-size:14px;
	color:#111;
	width:100%;
	display:table-caption;
	background: #444 url(../img/components/sprite.png) repeat-x;
	background-position:0 -100px;
}
th {
	background:#eee url(../img/components/sprite.png) repeat-x 0px 0px;
	border-color: #989898 #cbcbcb #aaa #989898;
	border-style: solid solid solid none;
	border-width: 0px 1px 1px 0px;
	color: #333;
	padding: 4px 5px 4px 10px;
	vertical-align: bottom;
	text-align:left;
	font-family: Arial;
	font-size:10px;
}
th a {
	color:#333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 10px;
}
blockquote {
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#888;
	margin-bottom:4px;
	font-style:italic;
	font-weight:bold;
}
/* fix extra line height of sup and sub */
sup {
	font-size:x-small;
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
h1 sup{
	font-size:8px;
	bottom:1.4em;
}
h2 sup{
	font-size:8px;
	bottom:1.2em;
}
h3 sup{
	font-size:8px;
	bottom:1.2em;
}
sub {
	font-size:smaller;
    vertical-align: baseline;
	position: relative;
	bottom: -0.25em;
}
.new-win, .new-win-right {
	background-image:url(../img/components/12-external-link.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 16px;
	margin-right:2px;
}
.new-win-right {
	background-position:right top;
	padding:0px 16px 0px 0px;
}
a:visited {
	color:#579ed7; 
	text-decoration:none;
}
a:active {
	color:#579ed7;
	text-decoration:none;
}
a:link, a {
	color:#579ed7;
	outline:0;	
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#006a94;
}
sup, sup:hover {
	text-decoration:none;
}


/*************************************************************************************
*
*	General Tables
*
*************************************************************************************/
.row-footer {
	color:#374566;
	background:#E4EDFA;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica;
}
.row-footer td {
	border-bottom:2px solid #BBD0F2;
	border-top:1px solid #D5E2F7;
	padding:4px;
}
.row-highlight {
	background-color:#f0fcff;
}
.grid {
	font-family: Arial;
	font-size:11px;
	border: solid 1px #bbb;
	border-collapse:collapse;
	width:100%;
	color: #333333;
	margin-bottom:16px;
}

.row {
	background-color:#fff;
}
.row-alt {
	background-color:#f0f0f1;
}
.grid td {
	color:#333333;
	padding: 4px 10px 4px 10px;
	border:none;
	border-bottom: solid 1px #ddd;
}
.grid .row-num {
	text-align:center;
	padding-left:4px;
	font-weight:bold;
	color:#333333;
}
.pager {
	height:30px;
	background:url(../img/components/sprite.png) repeat-x 0px 0px;
}
.pager .container {
	padding:4px;
}
.pager .command {
	float:left;
	padding-right:5px;
}
.pager .info {
	font-size:12px;
	padding:4px 0px;
	float:right;
}

/*************************************************************************************
*
*	Custom Components
*
*************************************************************************************/

.col-2 {
	float: left;
	width: 49.7%;
}
.col-3 {
	float: left;
	width: 33%;
}
.col-4 {
	float: left;
	width: 25%;
}
.alpha{
	padding-right:25px;
}
.omega{
	padding-left:25px;
}

.note {
	font-size:10px;
	color:#444;
}

/* Notificaitons */
.warning-box, .failure-box, .success-box {
	text-align:left;
	vertical-align:middle;
	padding:15px;
	background-repeat:no-repeat;
	border:solid 1px #dcdcdc;
	background-position:16px 16px;
	background-color:#efefef;
}
.success-box h3, .warning-box h3, .failure-box h3 {
	text-indent:25px;
	color:#222;
	font-weight:bold;
	font-size:14px !important;
}
.success-box {
	background-image:url(../img/components/16-check.png);
}
.warning-box {
	background-image:url(../img/components/16-exclamation.png);
}
.failure-box {
	background-image:url(../img/components/16-minus-octagon.png);
}

/* Custom Elements */
.hr {
  border-bottom:1px solid #ccc;
  margin:10px 0 15px 0;
  height:5px;
}
.hr-soft {
	background-image:url(../img/components/hr-soft.jpg);
	background-repeat:repeat-x;
	height:3px;
}
.hr-dash {
	background:transparent url(../img/components/hr-dash.gif) repeat-x center;
	height:1px;
	padding:15px 0;
}
.clear {
	clear:both;
	height:0px; 
	font-size:0px; 
	line-height:0px;
}
.img-close {
	float:right;
	width:15px;
	height:15px;
}
.column-line {
	background:#fafafc url(../img/components/column-line.jpg) no-repeat;
	height:400px;
	width:3px;
	margin:0 20px;
	float:left;
}

div.button {
	float:left;
	background-color:#3b6a90;
	font-weight:bold;
	font-size:.9em;
}
div.button a {
		padding:3px 8px; 
		display:block;
		background:url(../img/components/button-bg.gif) repeat-x center left; 
		border:1px solid #3b6a90;
		color:#fff;		
}
div.button a:hover {
	color:#fff; 
	text-decoration:none; 
}

button.button { 
	height:24px;
	margin-top:-1px;
	line-height:22px;
	border:1px solid #3b6a90;
	font-weight:bold;
	font-size:.9em;
	cursor:pointer;
	color:#fff;
	background:#3b6a90 url(../img/components/button-bg.gif) repeat-x center left;
	font-family:arial;
}

.right{
	float:right;
}

.img-right-top{
	float:right;
	margin:0px 0px 25px 25px;
}

.img-right{
	float:right;
	margin:25px 0px 25px 25px;
}
.img-right-alt{
	float:right;
	margin:0px 0px 0px 25px;
}
.img-right-bottom{
	float:right;
	margin:25px 0px 0px 25px;
}
.img-left-top{
	float:left;
	margin:0px 25px 25px 0px;
}

.img-left{
	float:left;
	margin:25px 25px 25px 0px;
}
.img-left-alt{
	float:left;
	margin:0px 25px 0px 0px;
}
.img-left-bottom{
	float:left;
	margin:25px 25px 0px 0px;
}
.no-margin{
	margin:0px;
}
input.phone{
	width:90px !important;
}
.hidden{ display:none;}

/*-----section-----*/
div.box1{ width:197px;}

div.box1 div.box_top_left{ background:url(../img/section/box_top_left.gif) left bottom no-repeat; padding-left:4px;}
div.box1 div.box_top_left div.box_top_right{background:url(../img/section/box_top_right.gif) right bottom no-repeat; padding-right:4px;}
div.box1 div.box_top_left div.box_top_right div.box_top_mid{background:url(../img/section/box_top_mid.gif) left bottom repeat-x; height:5px;}
div.box1 div.box_mid_left{ background:url(../img/section/box_mid_left.gif) left top repeat-y; padding-left:2px; overflow:hidden; height:1%;}
div.box1 div.box_mid_left div.box_mid_right{background:url(../img/section/box_mid_right.gif) right top repeat-y; padding-right:2px; overflow:hidden; height:1%;}
div.box1 div.box_mid_left div.box_mid_right div.box_main_mid{background:#558cb8 url(../img/section/box_middle_mid.gif) left top repeat-x; padding:10px; height:168px;}
div.blue div.box_mid_left div.box_mid_right div.box_main_mid{background:#558cb8 url(../img/section/box_middle_mid.gif) left top repeat-x; padding:10px; height:175px; }
div.box1 div.box_bottom_left{background:url(../img/section/box_bottom_left.gif) left top no-repeat; padding-left:4px;}
div.box1 div.box_bottom_left div.box_bottom_right{background:url(../img/section/box_bottom_right.gif) right top no-repeat; padding-right:4px;}
div.box1 div.box_bottom_left div.box_bottom_right div.box_bottom_mid{background:url(../img/section/box_bottom_mid.gif) left top repeat-x; height:5px;}

div.gray_box{
	width:32%;
	margin-left:8px;
}

div.gray_box div.gray_top_left{ background:url(../img/section/gray_top_left.gif) left bottom no-repeat; padding-left:4px;}
div.gray_box div.gray_top_left div.gray_top_right{background:url(../img/section/gray_top_right.gif) right bottom no-repeat; padding-right:4px;}
div.gray_box div.gray_top_left div.gray_top_right div.gray_top_mid{background:url(../img/section/gray_top_mid.gif) left bottom repeat-x; height:4px;}
;
div.gray_box div.gray_mid_left{ background:url(../img/section/gray_mid_left.gif) left top repeat-y; padding-left:2px; overflow:hidden; height:1%}
div.gray_box div.gray_mid_left div.gray_mid_right{
	padding-right:2px;
	height:196px;
	background-image: url(../img/section/gray_mid_right.gif);
	background-repeat: repeat-y;
	
}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid{background:#c1c4c4 url(../img/section/gray_middle_mid.gif) left top repeat-x; height:196px;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid div.details{ padding-top:0px; padding-left:5px; padding-right:5px;}
div.gray_box div.gray_bottom_left{background:url(../img/section/gray_bottom_left.gif) left top no-repeat; padding-left:4px;}
div.gray_box div.gray_bottom_left div.gray_bottom_right{background:url(../img/section/gray_bottom_right.gif) right top no-repeat; padding-right:4px;}
div.gray_box div.gray_bottom_left div.gray_bottom_right div.gray_bottom_mid{background:url(../img/section/gray_bottom_mid.gif) left top repeat-x; height:4px;}
/*--- section ---*/
div.section{padding:10px 0px; border-bottom:#cccccc solid 1px; overflow:hidden; width:920px;}
div.section2{padding:10px 0px; border-bottom:#cccccc solid 1px; overflow:hidden; width:920px;}
div.box1 div.box_mid_left div.box_mid_right div.box_main_mid ul li{ margin:11px 0px; *margin-top:14px;}
div.box1 div.box_mid_left div.box_mid_right div.box_main_mid ul li a{ font-size:18px; color:#ffffff; text-decoration:none; font-weight:bold;}
div.box1 div.box_mid_left div.box_mid_right div.box_main_mid ul li.active a,div.box1 div.box_mid_left div.box_mid_right div.box_main_mid ul li a:hover{color:#000000;}

div.blog{
	width:98%;
}

div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid h3{ color:#848b8b; font-size:18px; border-bottom:#b8b9b9 solid 1px; padding:5px 5px 5px 10px;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p{ font-size:11px; line-height:1.3em;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p a.fill{background-color:#C4C4C4;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p span{ font-weight:bold;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p a.todo{background:#939797; text-decoration:none; color:#ffffff;  font-weight:bold;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p a.todo:hover{ text-decoration:none; }
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p a{text-decoration:underline; color:#000000; font-weight:bold;}
div.gray_box div.gray_mid_left div.gray_mid_right div.gray_main_mid p a:hover { text-decoration:none; }
div.blog div.gray_mid_left div.gray_mid_right div.gray_main_mid h5{margin-top:8px; font-size:11px;}