@charset "UTF-8";

* {
   margin: 0;
   padding: 0;
}

body {
   background-color: #285d7c;
   color: #7e7e7e;
   font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   /* font-family:Arial, Helvetica, sans-serif;*/
   /*font-size: 12px;*/
   font-size: 0.75em;
}

a {
   color:#00B0F4;
   text-decoration: none;
}

a:hover { color:#FFC20E; }

a img{ 
	border: 0;
}

/*================================================================*/

h1 {
   color: #186998;
   font-size: 2.17em;
   font-weight: normal;
   text-align: right;
   padding: 20px 0 10px 0;
}

h2 {
   color: #ffffff;
   font-size: 1.25em;
   height: 26px;
   padding: 8px 0 0 25px;
   text-transform:uppercase;
   background: url(images/h2_round_corner.png) no-repeat;
   background-color: #92cded;
}

h3 {
   background-color: #ccecfe;
   color: #186998;
   font-size: 1em;
   text-transform: uppercase;
   height: 24px;
   padding: 7px 0 0 25px;
}

/*================================================================*/

#container {
   width: 999px;
   margin: 30px auto;
}

#header, #footer {
   height: 29px;
   background: url(images/rounds_background.png) no-repeat;
}

#footer { background-position: bottom; }

#content {
   border-left: 5px solid #8aadbf;
   border-right: 5px solid #8aadbf;
   background-color: #FFF;
   padding: 0 50px;
}

.logo { margin-right: 5px; }

#user_menu {
   text-align: right;
   color: #bababa;
}

#user_menu a { color: #92cded; }

#user_menu a:hover { color: #186998; }

/*================================================================*/

#main_menu {
   clear: both;
   height: 72px;
   overflow: hidden;
   background: url(images/menu_background.png) repeat-x bottom;
   margin: 24px 0 10px 0;
}

#main_menu ul {
   list-style: none;
   float: right;
}

#main_menu li {
   float: left;
   text-transform: uppercase;
   font-weight: bold;
   margin-left: 5px;
}

#main_menu li a {
   display:block;
   width: 116px;
   height: 25px;
   text-align:center;
   padding: 12px 0 0 0;
   background: url(images/menu_item_background.png) no-repeat left bottom;
   color: #64b7e4;
}

#main_menu li a:hover { color: #ffc30d; }

#main_menu li.active a {
   background-position: right;
   color: #ffc30d;
}

/*================================================================*/
.section {
   border-top: 1px solid #d9d9d9;
   margin: 15px 0 10px 0;
   clear: both;
}

.section h3, .section table {
   border-left: 1px solid #d9d9d9;
   border-right: 1px solid #d9d9d9;
}

.section .footer {
   height: 36px;
   background: url(images/table_footer.png) no-repeat top left;
}

.section.blue_right .footer { background-position: -890px 0px; }

/*================================================================*/
.section.user h3 {
   background: url(images/user_ico.png) no-repeat 25px 5px;
   background-color: #ccecfe;
   padding-left: 50px;
}

/*================================================================*/

input.text_field {
   height: 20px;
   padding: 6px 0 0 5px;
   background: #fff;
   border: 1px solid #dedede;
   vertical-align:middle;
}

.radio_row {
   margin: 2px 0;
   padding: 0 0 7px 0;
}

.radio_row input.text_field { vertical-align: middle; }

.radio_row .input_radio, .label_cell .input_radio {
   margin: 0 10px;
   vertical-align: middle;
}

.radio_row label { vertical-align: bottom; }

.form_table select{
	margin: 5px 0 0 0;
}
/*================================================================*/
.form_table .comment {
   background-color: #ebf8fe;
   border-right: 1px solid #fff;
   color: #92cded;
   font-size: 0.92em;
   font-style:italic;
   padding: 3px 0 0 20px;
   width: 267px;
   vertical-align: top;
}

.form_table .comment.filled {
   background: url(images/arrow_comment.png) no-repeat;
   background-color: #ebf8fe;
}

.form_table tr.first .comment.filled { background-position: 0 24px; }

.form_table tr.first td { padding-top: 24px; }

.form_table td.first { padding-left: 25px;
   vertical-align: top; }

.form_table td {
   padding-bottom: 12px;
   overflow:hidden;
}

.form_table .add {
	padding:0 0 5px 27px;
   color: #7e7e7e;
   background: url(images/plus.png) no-repeat 5px 0;
}
.form_table .label_cell { font-size: 1.17em; }

/*================================================================*/
.listing thead {
   background-color: #ebf8fe;
   border-left: 25px solid transparent;
}

.listing th {
   text-align: left;
   text-transform: uppercase;
   color: #78b8db;
   font-size: 1em;
   padding: 9px 0 7px 0;
}

.listing th { border-bottom: 7px solid #ffffff; }

.listing tbody td.first { border-left: 25px solid #fff; }

.listing tbody td.last {
   border-right: 25px solid #fff;
   text-align: right;
}

.listing td {
   vertical-align: top;
   padding: 5px 0 7px 0;
   border-bottom: 1px solid #e8eef2;
}

.listing th.first { padding-left: 25px; }

.listing td .see_more img { margin-top: 4px; }

.listing td img { vertical-align: top; }

.listing td .delete_ico img {
   margin-top: 5px;
   margin-left: 10px;
}

.listing td .edit_ico img { margin-top: 4px; }

.listing .hidden_box{
	display: none;
   margin: 10px 0;
}

/*================================================================*/

#PageBottom {
   background:url(images/footer_info_background.jpg) no-repeat top center;
   height: 40px;
   padding: 18px 0 0 0;
   text-align: center;
   font-size: 1.08em;
   clear: both
}

/*================================================================*/

.btn {
	padding-left: 22px;
	padding-right: 22px;
}

.radio_row table {
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin: 0px;
}

.form_table tr.first td.radio_row { padding-top: 0px; }
.form_table tr.first table.clean tr td { padding-top: 0px; }

.simple_bottom {
	border-bottom: solid 1px #e8eef2;
}

.section ul {
	margin-left: 24px;
}

.form_box {
	line-height: 22px;
	margin-right: 4px
}

div.details {
	padding: 8px;
	background-color: #ebf8fe;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.error {
	color: red;
	font-weight: bolder;	
}

.info {
	font-weight: bold;
}

.bigText {
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 12px
}

select {
	color: #7e7e7e;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.90em;
}
