/**General markup**/
body { font-family: Lucida Grande, Lucida Sans Unicode, Verdana; background-color: #5A5A5A; color: #5A5A5A; overflow: auto; font-size: 11px; margin: 0px; padding: 0px; }
	
table { border-collapse: collapse; width: 100%; }
th { text-align: left; }
td { vertical-align: top; }
td.right { text-align: right; width: 50%; }
.label { width: 150px; }

/** Forms **/
form { display: inline; }
input { background-color: #FFFFFF; border: 1px solid #006699; font-size: 11px; color: #5A5A5A; }
input.text { width: 100%; }
input.checkbox { margin: 0px; vertical-align: middle; }
select { width: 120px; background-color: #5A5A5A; border: 1px solid #F29000; font-size: 10px; color: #FFFFFF; }
textarea { width: 100%; border: 1px solid #F29000; font-family: Verdana, Arial,Verdana, sans-serif; font-size: 10px; color: #5F666F; overflow: auto; }

/** Links **/
a { font-size: 11px; color: #5A5A5A; text-decoration: none; }

/** Main Menu **/
.main_menu { border-right: 1px solid #5A5A5A; }
.main_menu_parent_wrapper { padding: 5px; border-bottom: 1px solid #DDDDDD; }
a.main_menu_parent { font-weight: bold; font-size: 12px; }
.main_menu_child { font-weight: normal; padding-left: 2em; }

/** Lists **/
li { list-style-image: url(/img/icon/dotted_square.png); }

/** Headings **/
h3 { color: #006699; display: inline; }
h2 { margin: 0; }

/** Images **/
img { border: 0px; }
img.icon { vertical-align: -4px; }
hr { margin: 0px; color: #F29000; border-color: #F29000; }

/** Wrappers **/
.main_wrapper { margin:0 auto; width: 950px; background-color: #FFFFFF }
.header_slogan_wrapper { height: 130px; border: 1px solid #000000; }

/** Header **/
.header_topmenu { border-left: 1px solid #000000; border-right: 1px solid #000000; height: 45px; }
.header_text { float: right; margin: 29px 2px 0 0; }
.header_slogan_img{ position: absolute; }
.header_slogan_bg { width: 948px; height: 40px; background-color: #FFFFFF; border-top: 1px solid black; border-bottom: 1px solid black; opacity: 0.55; filter:alpha(opacity=45); margin-top: 82px; position: absolute; }
.header_slogan_text { margin-top: 95px; right: 210px; position: absolute; }
.slogan { position: absolute; width: 200px; right: 100px; margin-top: 68px; color: #000000; font-size: 16px; }
.header_logo { position: absolute; margin-top: -45px; z-index: 2; }

/** Content **/
.content { border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 1em; }
.content_left { width: 200px; }
.content_main { margin-left: 220px; }
.ui-content { margin: 5px 0 20px 205px; }
.footer {
	background-color: #FFFFFF;
	bottom: 0px;
	z-index: 1S;
	width: 100%;
	position: fixed;
	text-align: center;
	border: 1px solid #006599;
}

/**Popup classes**/
.popup {	width: 300px; margin-left: auto; margin-right: auto; right: 0px; left: 0px; position: absolute; margin-top: 10px; z-index: 2; display: none; }
#div_BG { position: absolute; display: none; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #000000; filter: alpha(opacity=80); opacity: 0.8; z-index: 1; cursor: not-allowed; }

/**Messages**/
.ui-error { width: 400px; margin-top: 4px; margin-left: auto; margin-right: auto; right: 0px; left: 0px;	position: absolute; text-align: center; font-weight: bold; background-color: #B22222; border: 1px solid #8B0000; padding: 2px; z-index: 2; }
.ui-warning { width: 400px; margin-top: 4px; margin-left: auto; margin-right: auto; right: 0px; left: 0px; position: absolute; text-align: center; font-weight: bold; background-color: #F0E68C; border: 1px solid #FFFF00; padding: 2px; z-index: 2; }