/*
Title:      Wind-Inc.com master styles for screen media
Author:     Abby Serchindorj, webmaster@myMongol.com
Created:	October 28 2007
Updated:    July 13 2010
*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background: #000000 url(../tiles/bg-desktop.jpg) top center no-repeat fixed;
}
/* ---[ links ]------------------------------- */

a:link {
	color: #333333;
	text-decoration: none;
	}
a:visited {
	color: #333333;
	text-decoration: none;
	}
a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: 2px solid #cc0000;
	}

/* ---- top section ---- */

#wrap {
	position: relative;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	font-size: 13px;
	text-align: left;
  	width: 980px;
  	border-left: 10px solid #fff;
  	border-right: 10px solid #fff;
  	background: #fff;
	}
#header-wrap {
	margin: 0;
	padding: 0;
	height: 200px;
	border-top: 10px solid #fff;
	border-bottom: 4px solid #B30000;
	}
#header-wrap .flash-logo {
	margin: 0;
	padding: 0;
	float: left;
	}
#image-logo {
	margin: 0;
	padding: 0;
	float: right;
	height: 200px;
	width: 980px;
	background: #00264A url(../tiles/topimage.jpg) no-repeat;
}

/* navigation */

#nav {
	float: left;
	width: 980px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	border-top: 1px solid #B30000;
	border-bottom: 2px solid #000;
	background: #003366 url(../tiles/nav-bg-blue.gif) repeat-x top left;
	font-weight: bold;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background: url(../tiles/nav-li-blue-bg.gif) no-repeat top right;
	}
#nav a {
	float: left;
	padding: 9px 13px;
	text-decoration: none;
	color: #fff;
	}
#nav a:hover {
	color: #95CAFF;
	background: #003366 url(../tiles/nav-bg-blue.gif) repeat-x bottom left;
	border: none;
	}
#nav a.active {
	background: #A50000 url(../tiles/nav-on-red-bg.gif) repeat-x bottom left;
	color: #FFFFFF;
	border: none;
	}
li#t-home a {
	margin-left: 0px;
/*	background: url(../tiles/nav-li-blue-bg.gif) no-repeat top left; */
	}

#home-wrap {
	clear: both;
	margin: 0;
	padding: 0;
	width: 980px;
	background-color: #003366;
	border: 0;
}
#home-wrap .flash-wrap {
	float: left;
	margin: 0;
}
#home-wrap #right_column {
	float: right;
	width: 300px;
	height: 300px;
	display: block;
	margin: 0;
	padding: 0;
	background: #B30000 url(../tiles/bg-red300x300.png) no-repeat top left;
	border: 0px solid #003366;
	text-align: center;
}
#home-wrap #right_column:hover {
	background: #B30000 url(../tiles/bg-red300x300.png) no-repeat bottom left;
	cursor: hand;
}
#home-wrap #right_column_login {
	float: right;
	width: 300px;
	height: 300px;
	display: block;
	margin: 0;
	padding: 0;
	background: #B30000 url(../tiles/bg-red300x300.gif) no-repeat top left;
	border: 0px solid #003366;
	color: #FCAB03;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	line-height: normal;
}
#home-wrap #right_column_login form {
	float: none;
	margin: 10px;
}
#home-wrap #right_column_login #form_title {
	padding: 5px;
	margin: 5px;
	height: 30px;
	color: #F0F0F0;
	text-align: center;
}
#home-wrap #right_column_login #savings_result {
	padding: 5px;
	margin: 5px;
	height: 30px;
	color: #F0F0F0;
	font-size: 17px;
	text-align: center;
	word-spacing: 0.6px;
}
#home-wrap #right_column_login #wtList, #home-wrap #right_column_login #ctList {
	padding: 5px;
	margin: 5px;
	height: 20px;
}
#home-wrap #right_column_login #wsList {
	padding: 5px;
	margin: 20px 5px;
}
#home-wrap #right_column_login #wtList select, #home-wrap #right_column_login #ctList select {
	float: right;
	margin: 0;
}

/* content wrap */

#content-wrap {
	clear: both;
	margin: 0;
	padding: 0;
	width: 980px;
	background: #FFF url(../tiles/bg-content.gif) repeat-y;
	border-top: 0px solid #fff;
	border-bottom: 6px solid #006698;
}
#content-wrap .h-space {
	clear: both;
	height: 1px;
}
#content-wrap #right_column {
	float: right;
	width: 298px;
	margin: 0;
	padding: 0;
	background-color: #00162D;
	border-right: 1px solid #00162D;
	text-align: left;
}
#content-wrap #right_column h3 {
	width: 298px;
	height: 25px;
	margin: 6px 0 0 0;
	padding: 5px 0 0 0;
	background: #000 url(../tiles/nav-bg-red.gif) repeat-x bottom left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 13px;
	letter-spacing:1px;
	line-height: 1.4em;
	border-top: 0px solid #001A33;
	text-align: center;
}
#content-wrap #right_column img.floatleft {
	float: left;
	border: 1px solid #5e5e5e;
    margin: 5px 6px 1px 8px;	
}
#content-wrap #right_column img.center {
	float: none;
	border: 1px solid #5e5e5e;
    margin: 5px 6px 1px 8px;	
}
#content-wrap #right_column p {
	margin: 0 0 5px 0;
	padding: 5px 5px 2px 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ECE9D8;
	font-size: 13px;
	text-align: left;	
}
#content-wrap #right_column #contact_info {
	position: relative;
	margin: 5px 3px 5px 3px;
	padding: 0;
	width: 290px; 
	background-color: #FFECD9;
	border: 1px solid #ECE9D8;
}
#content-wrap #right_column #contact_info h2 {
	height: 20px;
	margin: 0;
	padding: 2px 0 2px 0;
	background: #EC8B00 url(../tiles/bg-orange.gif) repeat-x bottom left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #000;
	font-size: 13px;
	text-align: center;
}
#content-wrap #right_column #contact_info p {
	margin: 5px;
	text-align: left;
	font-size: 12px;
	color: #550000;
}
#content-wrap #right_column iframe {
	position: relative;
	margin: 20px 0 20px 0;
	padding: 5px;
	width: 258px;
	height: 202px;
}
#content-wrap #left_column {
	float: left;
	margin: 0;
	width: 680px;
	background-color: #003366;
}
#content_body {
	margin: 0 5px 5px 5px;
	text-align: center;
}
#content_body p {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
	font-size: 13px;
	text-align: left;	
}
#content_body h1 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003333;
	font-size: 21px;
	text-align: left;	
}
#content_body h2 {
	margin: 3px 0 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
	font-size: 17px;
	text-align: left;	
}
#content_body h3 {
	margin: 3px 0 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
	font-size: 15px;
	text-align: left;	
}
#content_body ol, #content_body ul {
	text-align: left;
}
#content_body img {
	float: left;
	margin: 2px 6px 5px 0;
	padding: 5px;
	background-color: #ddeeff;
	border: 1px solid #CCC;
}
#content_body #feature_photo {
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
	background-color: #ddeeff;
}
#content_body #feature_photo.left {
	float: left;
	margin: 2px 6px 5px 0;
}
#content_body #feature_photo.right {
	float: right;
	margin: 2px 0 5px 6px;
}
#content_body #feature_photo.center {
	float: none;
	clear: both;
	margin: 5px;
}
#content_body #feature_photo img {
	float: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #666;
}
#content_body #feature_photo p {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	color: #003366;
	line-height: 1.3em;
	margin: 0;
	padding: 3px;
	text-align: center;
}
#content_body #feature_photo div.pixcomment {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	line-height: 1.3em;
	margin: 0;
	padding: 3px;
	text-align: center;
}
#content_section {
	float: none;
	width: 660px;
	background-color: #8AC5FF;
	margin: 5px 4px 5px 4px;
	padding: 5px;
	border: #003366 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#content_section .author {
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	font: normal 90%  Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#content_section .date {
	margin: 5px 0 5px 0;
	padding: 10px 0 10px 0;
	color: #828282;
	border-top: 1px solid #CCC;
	text-align: left;
}
#content_section .redline {
	margin: 5px 0 5px 0;
	border-top: 2px solid #BB0000;
}
#content_section .byline{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}
#content_section .byline .more {
	float:right;
	margin: 2px;
	padding:0;
}
#content_section .byline .more a {
	display:block;
	border:1px solid #C4D2E2;
	background:#F0F4F9;
	padding:2px 8px;
	color: #3A4754;
}
#content_section .byline .more a:hover {
	background:#003366;
	text-decoration:none;
	color:#fff;
}
#content_section dl {
	float: right;
	background-color: #FEEECD;
	margin: 5px;
	padding: 5px;
	border: 1px solid #BB0000;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#content_section dl dt {
	padding: 3px 0 3px 0;
	color: #990000;
}

#list_section {
	float: none;
	width: 660px;
	background-color: #FFF9EF;
	margin: 2px 4px 2px 4px;
	padding: 5px;
	border: #CABBA9 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}
#list_section a.more {
	float: right;
	display: block;
	margin: 5px 0 5px 0;
	padding: 2px 5px 2px 10px;
	background-color: #4A4F4F;
	color: #E0DFE3;
	text-decoration: none;
	border: #CABBA9 1px solid;
	}
#list_section a.more:visited {
	color: #E0DFE3;
	text-decoration: none;
	}
#list_section a.more:hover {
	background-color: #E0DFE3;
	color: #4A4F4F;
	text-decoration: none;
	}
table.main {	
	border-collapse: collapse;
	background-color: #DDEEFF;
	text-align: left;
}
table.main thead td {
	background: #D4D1C2 url("../tiles/bg-blue.gif") repeat-x bottom left;
	font-size: 18px;
	color: #F0F0F0;
	font-weight: bold;
	padding: 5px 10px;
	border-top: #CABBA9 0px solid;
}
table.main tbody tr {
	font-size: 11px;
	color: #333333;
}
table.main tbody tr:hover {
	background-color: #B9B49B;
	color: #333333;
}
table.main tbody tr.mark {
	background-color: #FF9900;
}
table.main tbody td {
	border-top: 1px solid #FFF;
	padding: 0 5px;
}
table.main tbody td.brief {
	border-left: 1px solid #FFF;
}
table.main tbody td img {
	border: 1px solid #5e5e5e;
    margin: 5px;
}
table.detail {	
	border-collapse: collapse;
	background-color: #FFFFFF;
	text-align: left;
}
table.detail thead td {
	text-transform: uppercase;
	background: #DDEEFF url("../tiles/bg-blue.gif") repeat-x bottom left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #F0F0F0;
	letter-spacing:1px;
	line-height: 1.1em;
	padding: 10px;
	border-top: #CABBA9 0px solid;
}
table.detail tbody tr {
	font-size: 11px;
	color: #333333;
	border: 0;
}
table.detail tbody td {
	border-top: 2px solid #990000;
	padding: 0;
}
table.detail tbody td.full {
	padding: 5px;
}
input, select, textarea {
	margin: 5px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
}
input.button {
	margin: 0;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	display:block;
	background-color: #990000;
	border:1px solid #000;
}
input.button:hover {
	background-color: #FF0000;
	color: #fff;
	border:1px solid #000;
}
#description {
	 list-style: none; margin: 3px 0 3px 0; padding: 0;
}
#description li
{
	display: block;
	padding:0;
	margin: 3px 0 3px 0;
}
.status2green {
	padding: 2px 3px;
	background-color: #C2EFC2;
	border:1px solid #003300;
	color: #003300;
}
.status2red {
	padding: 2px 3px;
	background-color: #FFBBBB;
	border:1px solid #990000;
	color: #990000;
}
.status2yellow {
	padding: 2px 3px;
	background-color: #F3EFCD;
	border:1px solid #8A3700;
	color: #8A3700;
}
.GrayScale
{
	filter: Gray;
}

.NotGrayScale
{
	
}
.OpacityScale
{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.NotOpacityScale
{

}
#progress {
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
	
}
#progress span.red {
	padding: 5px;
	height: 20px;
	background-color: #FFCCCC;	
	border: 1px solid #990000;
	color: #990000;
}
#progress span.green {
	padding: 5px;
	height: 20px;
	background-color: #E1FFE1;	
	border: 1px solid #006600;
	color: #003300;
}
#progress span.gray {
	padding: 5px;
	height: 20px;
	background-color: #F9F9FB;	
	border: 1px solid #333333;
	color: #333333;
}
#wrapRemote {
	clear: both;
	float: none;
	padding: 5px;
}
#wrapPixUp {
	clear: both;
	float: none;
	margin: 5px;
	padding: 0;
	width: 268px;
	height: 422px;
	background-color: #666666;
}
#wrapPixUp #thumbpix {
	margin: 5px;
	padding: 0;
	width: 255px;
	height: 202px;
	background-color: #000;
	border: 1px solid #FFF9EF;
}
#wrapPixUp #thumbpix img {
	float: left;
	cursor: pointer;
	margin: 5px;
}
#category_section {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #AED7FF;
	height: 190px;
	background-color: #002648;
	border-top: 1px solid #000;
	border-bottom: 6px solid #006698;
	}
#category_section h3 {
	height: 25px;
	margin: 0;
	padding: 6px 0 0 10px;
	background: #000000 url(../tiles/bg-blue.gif) repeat-x bottom left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	text-align: left;
}
#category_section #brief_info
{
	float: left;
	margin: 5px 0 5px 5px;
	height: 148px;
	width: 188px;
	background-color: #CEECFF;
	color: #003366;
	border: 1px solid #003366;
}
#category_section #brief_info:hover
{
	background-color: #fff;
	color: #000;
	cursor: hand;
}
#category_section #brief_info h3 {
	height: 20px;
	margin: 0;
	padding: 2px 0 2px 0;
	background: #333333 url(../tiles/bg-blue.gif) repeat-x bottom left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
}
#category_section #brief_info p {
	margin: 10px;
	font-size: 11px;
	
}
#content_section #summary_info {
	float: left;
	margin: 5px 2px 0 2px;
	height: 148px;
	width: 210px;
	background-color: #F0F4F9;
	border: 1px solid #7A97B2;
}
#content_section #summary_info:hover {
	background-color: #DFE8EC;
	cursor: hand;
}
#content_section #summary_info h3 {
	height: 20px;
	margin: 0;
	padding: 3px 0 3px 0;
	background: #333333 url(../tiles/bg-lightblue.gif) repeat-x bottom left;
	font-family: Arial, Helvetica, sans-serif;
	color: #00162D;
	font-size: 13px;
	line-height: 1.5em;
	border-bottom: 1px solid #97AFCC;
	text-align: center;
}
#content_section #summary_info p {
	margin: 5px;
	color: #002040;
	font-size: 12px;	
}
/* Pagination */
.pagination {
	float:right;
	margin: 5px 0 20px 0;
	padding:0;
}

.pagination li {
	float:left;
	margin:0 4px 0 0;
	list-style: none;
}

.pagination a {
	display:block;
	border:1px solid #C4D2E2;
	background:#F0F4F9;
	padding:2px 8px;
	float:left;
}

.pagination a:hover {
	background:#003366;
	text-decoration:none;
	float:left;
	color:#fff;
}

.pagination a.youAreHere {
	border:1px solid #990000;
	background:#BB0000;
	padding:2px 8px;
	font-weight:bold;
	color:#fff;
}
#record_status {
	float: left;
	margin: 5px;
	border:1px solid #C4D2E2;
	background:#F0F4F9;
	padding:2px 8px;
}
/* End Pagination */
/* ---[ footer ]----------------------------------- */

#footer {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #ECE9D8;
	height: 80px;
	background: #333333 url(../tiles/bg-footer.gif) repeat-x top left;
	border-top: 5px solid #B30000;
	border-bottom: 10px solid #fff;
	}
#footer span {
	float: left;
	margin: 0;
	padding: 5px 10px 5px 10px;
	}
#footer p {
	float: right;
	margin: 0;
	padding: 45px 5px 10px 5px;
	text-align: right;
	}
#footer a {
	color: #ECE9D8;
	text-decoration: none;
	}
#footer a:visited {
	color: #ECE9D8;
	text-decoration: none;
	}
#footer a:hover {
	color: #FFF;
	text-decoration: none;
	}
#footer-rss {
	padding-left: 28px;
	background: url(../tiles/rss-button.gif) no-repeat 0 50%;
	}
#note {
	position: relative;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
  	width: 980px;
	color: #FFFFFF;
	font-size: 10px;
}
/* ---[ Rich Editor ]----------------------------------- */
#wysiwyg {
	width: 475px;
	height: 300px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 0 0 5px 0;
	padding: 5px;
	border:inset #ECE9D8 2px;
	scrollbar-base-color:#ECE9D8;
	overflow: auto;
}
#wysiwyg p {
	margin: 0 0 1.1em 0;
	padding: 0;
	line-height: 1.3em;
}