/*top-level containers */

/* Wedge: Separate proprietary CSS for easier validation and maintenance */
@import url(proprietary.css);

/*top navigation pane-related css */
#top_panel {
	z-index: 1000; position: fixed;
	width: 100%;
	left: 1px;
}

.top_panel_open {
	top: 1px;
}

.top_panel_closed {
	top: 20px;
}

.top_panel_account_open {

	height: 5em;

}

.top_panel_navbar_open {

	height: 75px;

}

.top_panel_field_rep_open {

	height: 200px;
}

.top_panel_orders_in_open {

	height: 200px;
}

/* Wedge: Make the log-in/out buttons a bit nicer and easier to read */
div#login_widget a
{
	display: inline-block;
	padding: 0.4em 0.8em;
	
	color: #FFFFFF;
	background-color: #666666;
	font-size: 0.8em;
	text-align: center;

	cursor: pointer;
}

div#login_widget a:hover
{
	background-color: #336699;
}

/* next four lines borrowed from: http://jqueryui.com/demos/tabs/#bottom and then modified  -- Avacar */
#top_panel .ui-tabs-panel { height: 140px; overflow: auto; }
#top_panel .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; }
#top_panel .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; line-height: 1; font-size: 0.7em;}
.ui-tabs-selected { margin-top: -3px !important; }




/*navtab classes */

.nav_buttons {
	line-height: 1; font-size: 0.7em;
}

#nav_content .ui-button-icon-only {
	position: relative;
	top: 5px;
	width: 2em;
	height: 1.5em;
}

#nav_content {

	padding-top: 5px;

}

#phase_selector {
	display: inline;
}


#ships_with_submitted_orders {
	float: left;
	color: #009933;
	width: 200px;
	height: 100px;
}

#ships_without_submitted_orders {
	float: right;
	color: #dd0000;
	font-weight: bold;
}

.orderable {
	cursor:pointer;
}

.tail_waiting {
	color: orange;
}	

/*field report classes*/
.missweapon, .movefailure {
		color: red;
		display: inline;
	
}
	
.hitweapon, .movesuccess {
		color: green;
		display: inline;
}
	
.shipfireblock, .shipmovementblock {
		display: block;
}
	
.shipfiretitle {
		font-size: 1.1em;
		color: white;
		
}
	
.weaponfire {
		display: block;
		margin-left: 15px;
}
	
.weapontitle {
		font-style: normal;
		color: orange;
}
	
.shotresults {
		margin-left: 30px;
}

.shipchaffblock, .shipevasiveblock {
	display: block;
}

.shipchafftitle, .shipevasivetitle {
	font-size: 1.1em;
	color: white;	
}

.EP_results_indent1 {
	display: block;
	margin-left: 15px;
}

.chafffail{
	color: red;
	display: inline;
}

.tail_fail {
	color: red;
	display: block;
}

.tail_success {
	color: green;
	display: block;
}

.tail_moderate_success {
	color: orange;
	display: block;
}

.chaffsuccess {
	color: green;
	display: inline;
}

.chaffnearby {
	color: orange;
	display: inline;
}

.missile_hit_results {
	display: block;
}

.shield_regen_block {
	display: block;
}

.board_cleanup_block {
	display:block;
}


/* Ship Entry */
/*ship entry css is depricated; needs to be sorted out and removed */
#main_entry_box
{
	border-radius: 4px;
}

#entrysubmit, #messages
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

body {
	margin-top: 40px;	/* Wedge: Allow room for top panel */
	background-color:#000033;
	color: #FFFFFF;
	}
a:link {color:#FF9E00;
		text-decoration: none;}
a:visited {color:#FF9E00;
		text-decoration: none;}  /* visited link */
a:hover {color:#E5EECC;}  /* mouse over link */
a:active {color:#CCCC10;}  /* selected link */

.standard {
	font-family:Verdana,Arial,sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	text-align: center;
}


/*main site begins here*/

#board {

	background-repeat: repeat;
	position: absolute;
	top: 10px;
	left: -0.5px;
}

#grid {
	position: relative;
	background-image:url('../images/hexgrid.png');
	background-repeat: repeat;
}

#cells {
	position: relative;
	top: 43px;
	left: 52px;
}

.indicator {
	z-index: 5;
}

#warning {
	font-size: 14pt;
	text-align: center;
	color: #FFFFFF;
	background-color: #880000;
	border: 1px dotted #cc2211;
	border-radius: 4px;
	padding: 2px;
	padding-left: 5px;
	width: 25%;
}

.push_to_top {
	z-index: 12000;
}


/*Related to stacked indicators */
 /*select with custom icons*/
 body .customicons{ width: 250px; }
 body a.customicons, li.ui-selectmenu-item-focus, .ui-selectmenu-hasIcon{ height: 5em;}
 body .customicons li a, body a.customicons span.ui-selectmenu-status { line-height: 2em; padding-left: 80px !important; }




/*Ship Status Window Related*/

.ship_popup, .missile_popup {

	z-index: 6;
}

.popup_mainframe {
	position: relative;
	width: 400px;
	height: 280px;
	padding: 10px;
	opacity: 0.9;
	border: 2px black solid;
	border-radius: 5px;
	z-index: 5;
}

.terran_window ,
.terran_window_expand
{
	background-color: #0011bb;
}

.kilrathi_window,
.kilrathi_window_expand
{
	background-color: #330000;
}

.terran_window ,
.kilrathi_window
{
	background-repeat: no-repeat;
	background-position: center;
}

/* Wedge: Replacement for improper use of paragraphs */
div.spacer
{
	margin-top: 15px;
	margin-bottom: 15px;
}

div.spacerdetail
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.stattitle {
	display: inline;
	font-family:  Verdana, Arial, sans-serif;
	color: #FFFF00;
	font-size: 0.7em;
	margin-top: 2px;
	margin-right: 10px;
}

.stat {
	display: inline;
	padding: 0pt;
	margin: 0pt;
	font-family:  Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
}

.top_right_image {
	float: right;
	padding-left: 5px;
}

.target_reticle {
	position: absolute;
	right: 10px;
	top: 10px;
}

.TR
{
	position: absolute;
	right: 27px;
	top: 25px;
	color: #ffdd00;
	font-weight: bold;
}

.first_column {
	float: left;
	line-height: 20%;
}

.second_column {
	float: right;
	line-height: 20%;
	margin-right: 20px;
}

.ship_title h1 {
	margin: 0px;
	color: #ffdd00;
	display: inline;
}

.Pilot {
	display: inline;
	/*position: absolute;
	right: 80px;
	bottom: 109px;*/
	padding-left: 10px;
	font-size: 1.3em;
}

.ship_title h2 {
	margin: 0px;
	font-size: 1.3em;
	margin-bottom: 10px;
}

.ship_title .skill_level {
	font-size: 1em;
	font-weight: normal;
    font-style: italic;
    padding-left: 30px;

}

.partslist {
	line-height: 120%;
	list-style-type: none;
	font-size: 0.8em;
}

.shield_stat {
	margin-right: 40px;
}

.hull_stat {
	margin-right: 60px;
}

.target_stat {
	margin-right: 62px;
}

.incom_stat {
	margin-right: 62px;
}

.speed_stat {
	margin-right: 80px;
}

.accel_stat {
	margin-right: 45px;
}

.turn_rate_stat {
	margin-right: 60px;
}

.shield_recharge_stat {
	margin-right: 20px;
}

.decoy_stat {
	margin-right: 60px;
}

.jump_drive_stat {
	margin-right: 50px;
}

.jump_cap_stat {
	margin-right: 20px;
}

.hanger_stat {
	margin-right: 48px;
}

.popup_foldout {
	position: absolute;
	width: 200px;
	height: 264px;
	padding: 0px;
	opacity: 0.9;
	border: 2px black solid;
	border-radius: 5px;
	z-index: 4;
}

.folded {
	left: 205px;
	top: 10px;
	opacity: 0;
}

.expanded {
	top: 10px;
	left: 420px;
	opacity: 0.9;
}

.expand_data {
	float: left;
	margin-left: 20px;
}

.folder {
	cursor: pointer;
	position: absolute;
	top: 125px;
	right: -17px;
	font-size: 1.2em;
	color: grey;
	padding: 3px 3px 1px 3px;
	background-color: #FFCC00;
	border: 1px black solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.folder_adjust {
	right: -10px;
}

.orders {
	font-size: 0.8em;
        float: right;
        margin: 5px;

}

.afterburner {
	position: absolute;
	top: 160px;
	left: 310px;
}

.afterburner5_5 {
	margin: 5px;
	display: block;
	width: 63px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -35px;
}

.afterburner5_4 {
	margin: 5px;
	display: block;
	width: 51px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -35px;
}

.afterburner5_3 {
	margin: 5px;
	display: block;
	width: 38px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -35px;
}

.afterburner5_2 {
	margin: 5px;
	display: block;
	width: 26px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -35px;
}

.afterburner5_1 {
	margin: 5px;
	display: block;
	width: 14px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -35px;
}

.afterburner4_4 {
	margin: 5px;
	display: block;
	width: 51px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -20px;
}

.afterburner4_3 {
	margin: 5px;
	display: block;
	width: 38px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -20px;
}

.afterburner4_2 {
	margin: 5px;
	display: block;
	width: 26px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -20px;
}

.afterburner4_1 {
	margin: 5px;
	display: block;
	width: 14px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -20px;
}

.afterburner3_3 {
	margin: 5px;
	display: block;
	width: 38px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -5px;
}

.afterburner3_2 {
	margin: 5px;
	display: block;
	width: 26px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -5px;
}

.afterburner3_1 {
	margin: 5px;
	display: block;
	width: 14px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px -5px;
}

.afterburner2_2 {
	margin: 5px;
	display: block;
	width: 26px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px 10px;
}

.afterburner2_1 {
	margin: 5px;
	display: block;
	width: 14px;
	height: 18px;
	background: url('../images/afterburner.png') no-repeat 0px 10px;
}

/* Missile Pop-up Specific */
.missile_popup_header h1 {
	margin: 0px;
	color: #ffdd00;
	display: inline;
}


.missile_popup_header h2 {
	margin: 0px;
	font-size: 1.3em;
	margin-bottom: 40px;
}

.rot_stat {
	margin-right: 32px;
}

.popup_mainframe_missile {
	position: relative;
	width: 400px;
	height: 130px;
	padding: 10px;
	opacity: 0.9;
	border: 2px black solid;
	border-radius: 5px;
	z-index: 5;
}



/*Movement Orders Window*/
.movement_orders_window
{
	position: relative;
	width: 500px;
	height: 320px;
	padding: 10px;
	opacity: 1;
	border: 2px black solid;
	border-radius: 5px;
}

.move_radio {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
}

.move_button_style {
	font-size: 0.8em;
}

#controls {
	padding: 10px;
	width: 300px;
	min-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	opacity: 0.9;
	border: white 1pt inset;

	text-align: center;
	line-height: 200%;
}

.terran_control
{
	background-color: #0059D1;
	background-repeat: no-repeat;
	background-position: 0px -170px;
	opacity: 0.8;
}

.command_title {
	display: inline;
	font-family:  Verdana, Arial, sans-serif;
	color: #FFFF00;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

.roll_choice {
	display: block;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#hint {

	font-family: "Lucida Console", monospace;
	font-weight: bold;
	font-size: 0.7em;
	color: #dd8833;
	text-align: center;
	margin-top: 10px;
    line-height: 1;
}

.execute_move {
	font-family: "Lucida Console", monospace;
	/*margin-right: 0px;
	margin-left: 200px;*/
	float: right;
	color: #FFFF00;
	font-size: 1.2em;
	text-transform: uppercase;
}

#maneuver_difficulty {

	font-weight: bold;
	margin-right: 10px;
}

.man_easy {

	color: #99ee55;
}

.man_medium {

	color: #99ee55;
}

.man_hard {

	color: #99ee55;
}
/* Start of Combat Orders Styles */
.combat_orders_window
{
	position: relative;
	width: 500px;
	height: 400px;
	padding: 10px;
	opacity: 1;
	border: 2px black solid;
	border-radius: 5px;
}

.refire_info {
	display: inline;
}

.weaponset {
	margin-bottom: 10px;
}

.combat_target {
	padding: 10px;
	width: 150px;
	min-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	opacity: 0.9;
	border: white 1pt inset;
	text-align: center;
	line-height: 200%;
}

#missile_target {
	margin-top: 20px;
    padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	max-width: 225px;
	height: 72px;
	min-height: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	opacity: 0.9;
	border: white 1pt inset;
	text-align: center;
	line-height: 200%;
}

.weapon_button_style {
		font-size: 0.8em;
}


.turret_info{
padding-left: 120px;
}


/* End Phase Orders Window */

.endphase_orders_window
{
	position: relative;
	width: 500px;
	height: 450px;
	padding: 10px;
	opacity: 1;
	border: 2px black solid;
	border-radius: 5px;
}

#end_controls {
	padding: 10px;
	width: 300px;
	min-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	opacity: 0.9;
	border: white 1pt inset;

	text-align: center;
	line-height: 200%;
}

.chaff_info {
	display: inline;
}

.pod_count {
	color: #99ee55;
}

#evasive_button {
	margin-bottom: 15px;
}

.endphase_orders_window h2 {
	font-size: 1.2em;
	padding-right: 5px;
	color: #ffdd00;
}

.tailing {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#message_report {

	width: 400px;
	height: 100px;
	opacity: 0.9;
	position: fixed;
	left: 40%;
	top: 40%;
}

.red_warning {

	color: red;
	font-weight: bold;
}

.missile_title {
	padding-top: 0px;
	margin-top: 0px;
	font-family:  Verdana, Arial, sans-serif;
	color: #FFFF00;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;

}


.pd_target {
	padding: 10px;
	width: 300px;
	min-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	opacity: 0.9;
	border: white 1pt inset;
	text-align: center;
	line-height: 200%;
}