@charset "utf-8";

/* CSS Document */



body{margin:0px; padding-top:0px; background-image:url(../images/background.gif); background-repeat:repeat-x; height:100%; font-family:Arial, Helvetica, sans-serif;font-size:13px}

#main{width:998px; height:auto; margin-left:auto; margin-right:auto;min-height:100%; }

#nav{width:998px;height:55px;margin-top:6px; margin-left:auto; }

#header{width:998px; height:60px; }

.logo{ width:132px; height:128px; margin-left:42px;  background-image:url(../images/usoe_logo.jpg)}

.navleftside{background-image:url(../images/nav_left.gif); width:5px; height:44px; background-repeat:no-repeat; position:relative; float:left; display:block;}

.navrightside{background-image:url(../images/nav_right.gif); width:5px; height:44px; background-repeat:no-repeat; float:right;}

.navmain{background-image:url(../images/navbg.gif); width:998px; height:44px; float:left; display:block;}

.navwrapper{margin:12px 10px 0px 170px; display:block;}

.navcontent{width:auto; height:auto; padding-left:6px; padding-right:6px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#153752;}

.navshaddow{background-image:url(../images/navshaddow.jpg); width:998px; height:9px; background-repeat:repeat-x; float:left; margin-left:auto; margin-right:auto;}

#leftmenu{width:210px; height:auto; float:left;  background-image:url(../images/leftbg2.jpg); background-color:#eaeaea; margin-left:0px; margin-right:15px;}

.leftcontent{width:210px; float:left;}

#rightmenu{	width:760; }

.right_main{width:758px; height:auto; float:left;background-color:#fff;}

.headertop{background-image:url(../images/header_top.jpg); background-repeat:no-repeat; float:left; width:210px; height:150px;}

.left_bottommain{width:210px; height:29px; float:left; display:block; position:relative; background-image:url(../images/left_bottom1.jpg); background-repeat:no-repeat;background-color:#eaeaea; }

.left_heading{font-weight:bold; background-repeat:no-repeat; width:auto; height:auto;  margin-top:5px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#c23a3c;}

.left_main{ width:192px; height:auto; margin-left:auto; margin-right:auto;}

.left_top{background-image:url(../images/left_top1.png); background-repeat:no-repeat; width:192px; height:19px;}

.left_middlesmall{background-image:url(../images/left_middle.png); background-repeat:repeat-y; width:180px; padding-left:12px; float:left;}

.left_middle{background-image:url(../images/left_middle.png); background-repeat:repeat-y; width:180px; height:auto; padding-left:12px; float:left;}

.left_bottom{background-image:url(../images/left_bottom.png); background-repeat:no-repeat; width:192px; height:19px; margin-bottom:5px; float:left;}

.douted_line{background-image:url(../images/doutedline.gif); background-repeat:repeat-x; height:1px; width:178px;}

.bullets_wrapper{width:180px;height:auto; float:left;}

.bullets_wrapper ul{width:120px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#153753; font-weight:bold; list-style:none}

.bullets_wrapper ul li{width:180px; height:auto; float:left;}

.right_top{width:813px; float:left; height:18px; background-image:url(../images/right_top.gif); background-repeat:no-repeat;}

.right_middle{width:813px; float:left; height:auto; background-image:url(../images/right_middle.gif); background-repeat:repeat-y;}

.right_bottom{width:813px; float:left; height:18px; background-image:url(../images/right_bottom.gif); background-repeat:no-repeat;}

.green_heading{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin-top:8px; margin-bottom:12px; color:#407a2e;}

.red_heading{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#c23a3c; margin-left:16px; padding-top:20px;  padding:.2em; vertical-align:middle; height:30px;font-weight:bold}

.heading_left1{width:80px; height:auto; text-align:right; float:left; color:#4b4b4d; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-right:10px; margin-left:16px;}

.heading_right1{width:130px; height:auto; text-align:right; float:left; color:#4b4b4d; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-right:10px;}

.textareamain{width:auto; height:auto; float:left; margin-top:15px; resize:none;}

textarea{border:1px solid #e2e0e1; vertical-align:top; text-align:left; }

.leftside_answer{width:345px; height:auto; float:left;}

.rightside_answer{width:367px; height:auto; float:left;}

/* blue box */

.right_top1{width:762px; float:left; height:17px; background-image:url(../images/right_top1.gif); background-repeat:no-repeat; margin-top:10px;}

.right_middle1{width:758px; float:left; height:auto; background-image:url(../images/right_middle1.gif); background-repeat:repeat-y;}

.right_bottom1{width:758px; float:left; height:14px; background-image:url(../images/right_bottom1.gif); background-repeat:no-repeat;}

/* blue box end */



.blue_heading{ background-repeat:no-repeat; width:auto; height:auto; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#216278; margin-left:16px;}

.blue_heading1{font-weight:bold; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#216278; float:left; margin-right:5px;}

.blue_top{width:718px; height:18px;  background-repeat:no-repeat; background-image:url(../images/bluetop.gif); margin-top:8px; margin-left:15px; } 

.blue_top1{width:718px; height:18px;  background-repeat:no-repeat; background-image:url(../images/bluetop.gif); margin-top:0px; margin-left:15px; } 



.blue_middle{width:718px; height:auto; background-repeat:repeat-x; background-image:url(../images/bluemiddle.png); background-color:#ffffff; margin-left:15px; } 

.blue_bottom{width:718px; height:17px;  background-repeat:no-repeat; background-image:url(../images/bluebottom.gif); margin-left:15px;} 

.blue_heading2{ background-repeat:no-repeat;  height:20px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#216278; margin-left:16px;}

.blue_heading3{ background-repeat:no-repeat; width:auto; height:35px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#216278; margin-left:16px;}



.normal_content{width:600px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

.footer{width:998px; height:35px; padding-top:12px; background-color:#999999;  float:left; background-image:url(../images/footer_img.png); margin-left:auto; margin-right:auto; clear:both; margin-top:20px;}

.footertext{margin-left:2px; margin-right:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#969696;}

#rightmain

{

width:762px; height:auto; position:relative; display:block; float:left; margin-left:10px; margin-bottom:15px;

}

.rightbox

{

width:762px; height:auto; float:left;

}

#actionpannel

{

width:471px; height:auto; position:relative; display:block; float:left; margin-bottom:0px;

}

.rigtheader

{

width:471px; height:23px; position:relative; display:block; float:left; background-image:url(../images/box_action_top.gif);

}

.righttop_middle

{

width:471px; height:132px; background-image:url(../images/box_action_middle.gif); display:block; float:left;

}

.right_bottom

{

width:471px; height:25px; background-image:url(../images/box_action_bottom.gif); display:block; float:left;

}



#choseplayer

{

width:277px; height:auto; position:relative; display:block; float:left; margin-left:11px;

}

.rigtheader1

{

width:277px; height:18px; position:relative; display:block; float:left; background-image:url(../images/yellowbox_top.jpg);

}

.rigtmiddle1

{

width:277px; height:146px; position:relative; display:block; float:left; background-image:url(../images/yellowbox_middle.jpg);

}

.rigtbottom1

{

width:277px; height:13px; position:relative; display:block; float:left; background-image:url(../images/yellowbox_bottom.jpg);

}

.h1

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:bold;

	color:#156202;

	position:absolute;

	left:12px;

	top:8px;

}

.greenheading

{

font-family:Arial, Helvetica, sans-serif;font-size:12PX;font-weight:bold;color:#156202; margin-left:px;

}

.h2

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12PX;

	font-weight:bold;

	color:#bb2119;

	position:absolute;

	left:16px;

	top:3px;

	float:left;

}

.h3

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12PX;

	font-weight:bold;

	color:#bb2119;

	position:absolute;

	left:15px;

	top:37px;

	float:left;

}

.h4

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12PX;

	font-weight:bold;

	color:#326a81;

	position:absolute;

	left:38px;

	top:54px;

	float:left;

	width: 56px;

	height: 40px;

}

.h5

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12PX;

	font-weight:bold;

	color:#000000;

	position:absolute;

	left:122px;

	top:55px;

	float:left;

	width: 112px;

	height: 40px;

}

.h6

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:normal;

	color:#fbfffe;

	float:left;

	margin-left:10px;

	margin-top:10px;

	}

	.h7

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:BOLD;

	color:#a1a1a1;

	float:left;

	margin-left:10px;

	margin-top:5px;

	}



.h8

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#326a81;

	margin-top:15px;

	margin-left:10px;

	line-height:30px;

	

	

}

.graph_value{

	width:499px;

	height:132px;

	position:absolute;

	display:block;

	float:left;

	background-image:url(../images/values.jpg);

	background-repeat:no-repeat;

	left: 10px;

	top: 35px;

}

.dropdown{

	width:auto;

	height:auto;

	position:absolute;

	float:leftt;

	display:block;

	left: 135px;

	top: 1px;

}

.singleline{

	width:250px;

	height:1px;

	background-repeat:repeat-x;

	float:left;

	position:absolute;

	display:block;

	background-image:url(../images/yellow_centerline.jpg);

	left: 6px;

	top: 27px;

}

.yelllow_main

{

width:250px; height:120px; float:left; display:block; position:relative;

}

.boxcontent

{

width:232px; height:30px; position:absolute; display:block; float:left;

}



.line1

{

	background-image:url(../images/line1.jpg);

	background-repeat:repeat-x;

	position:absolute;

	left: 106px;

	top: 44px;

}

.country_prefecture

{

background-image:url(../images/line1.jpg); background-repeat:repeat-x; height:24px; display:block; position:relative; margin-left:10px;}

.rightbox1

{

width:833px; height:100px; float:left; position:relative; float:left; display:block;

}

.tabbg

{

	background-image:url(../images/tabbg.jpg); 

	height:38px; background-repeat:repeat-x; display:block; position:relative; margin-left:10px; padding-left:200px; padding-top:6px;

}



.headerContainer 

{

width:250px; height:30px; margin:0; padding:0 

}



#troopsDiv{scrollbar-face-color:#666666; scrollbar-shadow-color:#666666; scrollbar-highlight-color:#666666; scrollbar-3dlight-color:#66666;scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#cccccc; scrollbar-arrow-color:#ffffff}

/* box Headings*/

.red_heading1{ font-family:Arial, Helvetica, sans-serif; color:#c23a3c;padding-top:5px;font-size:13px; line-height:20px;}

.table

{

width:500px; height:auto; float:left;

}

.table1

{

width:260px; height:auto; float:left;

}

.textbox

{

border:1px solid #7f9db9;

}

.button

{

border:none; text-decoration:none;

}

.normaltext

{

	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal;

}

.tabs_green{

	width:760px;

	height:30px;

	display:block;

	position:absolute;

	background-image:url(../images/tabs_green.jpg);

	background-repeat:repeat-x;

	left: -0px;

	top:60px;

	float:left;

}

.tabheading{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal;width:auto; 

height:auto; margin-top:0px; padding-top:5px; margin-bottom:5px; margin-left:5px;

 margin-right:5px; float:left; position:relative; display:block;}

.tabheading1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; 

font-weight:normal;width:auto; height:auto; padding-top:5px; margin-bottom:5px; 

margin-left:90px; margin-right:30px; float:left; position:relative; display:block;}

.mapbig{background-repeat:no-repeat; position:relative; width:auto; height:auto; display:block; float:left;}

.right_bottomf{

	width:392px;

	height:300px;

	float:left;

	display:block;

	position:absolute;

	left: 130px;

	top: 590px;

}

.boxtop1{

	background-image:url(../images/bottombox_top.jpg);

	background-repeat:no-repeat;

	width:392px;

	height:34px;

	float:left;

	position:absolute;

	display:block;

	left: -140px;

	top: 0px;

}

.boxmiddle1{

	background-image:url(../images/bottombox_middle.jpg);

	background-repeat:repeat-y;

	width:392px;

	height:400px;

	float:left;

	position:absolute;

	display:block;

	top: 34px;

	left: -140Px;

}

.boxbottom1{

	width:392px;

	height:19px;

	float:left;

	position:absolute;

	display:block;

	top: 430px;

	left: -140px;

}

.right_bottom2{

	width:349px;

	height:300px;

	float:left;

	display:block;

	position:absolute;

	left: 410px;

	top: 590px;

}

.right_bottom3{

	width:349px;

	height:300px;

	float:left;

	display:block;

	position:absolute;

	left: 410px;

	top: 820px;

}

.boxtop2{

background-image:url(../images/bottom_top1.gif);

	width:349px;

	height:25px;

	background-color:#030;

	

}

.boxmiddle2{

background-image:url(../images/box_middle1.jpg);

	width:401px;

	height:208px;

	float:left;

	position:absolute;

	display:block;

	top: 25px;

	left: 0px;\

}

.boxbottom2{

background-image:url(../images/box_bottom1.gif);

	width:349px;

	height:16px;

	float:left;

	position:absolute;

	display:block;

	top: 233px;

	left: 0px;

}

.graph{margin-left:15px;}



.boxtop3{

background-image:url(../images/bottom_top1.jpg);

	width:401px;

	height:25px;

	float:left;

	position:absolute;

	display:block;

	top: 0px;

	left: 0px;

}

.boxmiddle3{

background-image:url(../images/box_middle1.jpg);

	width:401px;

	height:208px;

	float:left;

	position:absolute;

	display:block;

	top: 25px;

	left: 0px;

}

.boxbottom3{

background-image:url(../images/box_bottom1.jpg);

	width:401px;

	height:16px;

	float:left;

	position:absolute;

	display:block;

	top: 233px;

	left: 0px;

}



/* Graph_boxes*/

.graph_top{width:349px; height:30px; background-image:url(../images/box_graph_top.gif); background-repeat:no-repeat; margin:0px;}

.graph_middle{width:349px; background-image:url(../images/box_graph_middle.gif); background-repeat:repeat-y; margin:0px;}

.graph_bottom{width:349px; background-image:url(../images/box_graph_bottom.gif); background-repeat:no-repeat;  height:34px; margin:0px;}



a{

font-size:12px;

}