/* shared styles */
body { margin:20px; background-image: url("/images/bgoutspace1.gif"); background: #00001C; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #99b; }
h1, h2 { font-family:"Trebuchet MS",Arial,Verdana,sans-serif;color:#27c; }
h1 { font-size:24px; margin:40px 0 20px 0;text-align:center; }
h2 { font-size:18px; margin:5px 0;text-align:center; }
select { font-size:11px; border:2px ridge #bcb; padding:2px 2px 2px 5px; border-radius:5px; margin:2px; background-color:#0b0b0b; }
input[type="submit"] {  padding:2px 15px; margin:8px 0 5px 0; background:#280 none repeat scroll 0%; color:#eee;font-weight:bold;font-size:13px; }
.cluster {margin:0 10px 0 0;font-size:10px;}


/* */
table {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #99b;}
table.premium {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #FFCC11;}
table.premium th {background: #FFCC11; color: #000000;}
.nf {width: 64px; height: 64px; border: 0; cursor: pointer;}
.first {background: #A1A1AF; color: #00001C;}
.alternating {background: #0C0C3E;}
th {background: #A1A1AF; color: #00001C;}
hr {color: #A1A1AF; border-style:groove;}
A:link {text-decoration:none; color:#D0D1D9;}
A:visited {text-decoration:none; color:#D0D1D9;}
A:hover {text-decoration:underline; color:#E5E5FF;}
select, input, button {background-color:#00001C; color:#D0D1D9;}
input.disabled {background-color:#CCCCCC; color:#B5B5B5;}
.tabstyle {border-width:3px; border-color:#A0B1C9; border-style:double; padding:5px;}
.marginstyle {margin: 5px; padding: 5px;}
.messagestyle {border-width:1px; border-color:#A0B1C9; border-style:outset; padding: 5px;}
.upgradestyle {border-width:2px; border-color:#A0B1C9; border-style:outset; padding: 5px;}
#tipBox {position:absolute; width: 200px; z-index: 100; border: 1pt black solid; background: #000000; visibility: hidden; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
textarea { background-color: #00001C; color: #D0D1D9; font-size: 12px; }




/* pagination styling at the top and bottom of the list pages */
.TopNavRow>td { border-bottom:1px solid #A0B1C9; padding-bottom:5px; }
.BottomNavRow>td { border-top:1px solid #A0B1C9; padding-top:5px; }
.TopNavRow>td>table,
.BottomNavRow>td>table { text-align:center; }
.BottomSpacerRow div { height:1px; }

/* sorting styles */
.sortable th span { float:right; }
.sortable th img.sort_arrow { opacity:0.5;vertical-align:middle;height:15px;margin-left:1px; }
.sortable th img.sort_arrow:hover { opacity:1.0; }
.sortable th.sortedcol .sortorder img.sort_arrow { opacity:1.0; }
.sortable th.sortedcol { text-decoration:underline; }

/* login page styles */
#LoginPage #loginwrappertable { width:100%; margin:75px auto 0 auto; }
#LoginPage #loginbox { color:#ddd; width:330px; border:2px ridge #bcb; padding:8px; border-radius:5px; margin:5px; text-align:right; background-color:#0b0b0b; }
#LoginPage #loginbox th { padding:5px; font-size:13px; text-align:center; background-color:#D6D6D6; color:#0b0b0b; font-family:"Trebuchet MS",Arial,Verdana,sans-serif; }
#LoginPage #loginbox .content td { padding-top:7px; }
#LoginPage #loginbox .labelcolumn { width:135px; font-size:11px; }
#LoginPage #loginbox .inputcolumn { text-align:right; width:167px; }
#LoginPage #loginbox .logo { position:absolute; bottom:18px; }
#LoginPage #loginbox .credit { text-align:right; font-size:9px; padding-top:15px; }
#LoginPage form { position:relative; }
#LoginPage input { font-size:11px; border:2px ridge #bcb; padding:2px 5px; border-radius:5px; margin:2px; background-color:#0b0b0b; }
#LoginPage input[type="submit"] { border:2px ridge #bcb; padding:2px 5px; border-radius:5px; background:#000 none repeat scroll 0%; }

/* index page styles */
#IndexPage { margin:0; }
#IndexPage .menu { margin:0 20px; font-size:13px; }
#IndexPage .menu img { vertical-align:bottom;border:0; }
#IndexPage .menu a,
#IndexPage .menu a:link,
#IndexPage .menu a:visited { color:#69c; }
#IndexPage .menu a:hover { color:#27c; }
#IndexPage .menu a:focus { color:#27c; }
#IndexPage iframe { border:0; }

/* main page styles */
#MainPage .section { width:750px;margin:20px auto; padding:10px; border:1px solid #99c; background:url("/images/bg_grey.gif") repeat scroll 0 0 transparent; }
#MainPage h2 { margin: 5px 0; }
#MainPage h2 span, #MainPage li span { font-size:11px;font-weight:normal;color:#669;font-style:italic; }
#MainPage p { text-align:center;margin:0px auto 10px;width:710px; }
#MainPage p b { color:#99b; }
#MainPage p.note { font-size:11px;color:#669; }
#MainPage ul { text-align:center;margin:20px auto 15px auto;width:710px; }
#MainPage li { line-height:18px; list-style:none; text-align:center; }
#MainPage li a b { color:#69c;font-weight:normal;text-decoration:underline; }

/* missions page styles */
#MissionsPage td { text-align:center; }
#MissionsPage input[name=source] { font-size:11px; border:2px ridge #bcb; padding:3px 5px; border-radius:5px; margin:2px; background-color:#0b0b0b; }
#MissionsPage input[name=sector] { font-size:11px; border:2px ridge #bcb; padding:3px 5px; border-radius:5px; margin:2px; background-color:#0b0b0b; }
#MissionsPage td .detailupper { display:block;font-size:11px;margin:2px auto 0px; }
#MissionsPage td .detaillower { display:block;font-size:10px;margin:0px auto 0px;color:#888888; }
#MissionsPage td .cluster { margin:0;font-size:10px;color:#888888; }
#MissionsPage td.rankrange img { width:13px;vertical-align:middle; }
#MissionsPage td.reward { text-align:right;padding:0 8px; }
#MissionsPage td.reward img { width:12px;height:12px;vertical-align:middle; }
#MissionsPage #filters td { text-align:left;text-indent:2px; }
#MissionsPage #filters td.spacer { width:5px; }

/* missions npc styles */
#MissionsNPCPage th { text-align:left; }
#MissionsNPCPage #filters td { text-indent:2px; }
#MissionsNPCPage #filters td.spacer { width:5px; }
#MissionsNPCPage #filters input[name=sector] { font-size:11px; border:2px ridge #bcb; padding:3px 5px; border-radius:5px; margin:2px; background-color:#0b0b0b; }
#MissionsNPCPage .messagestyle .noresults { text-align:center;color:#555577;height:32px; }
#MissionsNPCPage .messagestyle tr.even { background-color:#0b0b3f; }
#MissionsNPCPage .messagestyle th, #MissionsNPCPage .messagestyle td { text-indent:5px; }
#MissionsNPCPage .messagestyle .collastseen { width:135px; }
#MissionsNPCPage .messagestyle td.collastseen { color:#555577; }
#MissionsNPCPage .messagestyle td.collastseen em { font-size:9px;display:block; }
#MissionsNPCPage .messagestyle .colnpc { width:200px; }
#MissionsNPCPage .messagestyle td.colnpc img { vertical-align:middle;margin-right:10px;width:32px;height:32px; }
#MissionsNPCPage .messagestyle .colsector { width:200px; }
#MissionsNPCPage .messagestyle .colcluster { width:95px; }
#MissionsNPCPage .messagestyle .colfirstseen { width:110px;text-align:center;text-indent:0; }
#MissionsNPCPage .messagestyle td.colfirstseen { color:#555577;font-size:11px; }

/* accounts page styles */
#AccountsPage #accountListTable { text-align:center; }
#AccountsPage #accountListTable form { margin:0;padding:0; }
#AccountsPage #accountListTable input[type=submit] { padding:2px; margin:1px 0; border-radius:5px; border-width:1px;font-weight:normal;  }
#AccountsPage #accountListTable input[value=Permissions] { background-color:#000; }
#AccountsPage #accountListTable input[value=Password] { background-color:#226; }
#AccountsPage #accountListTable input[value=Delete] { background-color:#820; padding-left:4px; padding-right:4px; border-width:2px; }
#AccountsPage #accountListTable td.col7,
#AccountsPage #accountListTable td.col8 { color:#669; }
#AccountsPage #createAccountForm table { width:320px; }
#AccountsPage #createAccountForm th { width: 150px; padding-right:10px; text-align:right; }
#AccountsPage input,
#AccountsPage select { margin-left:10px; }
#AccountsPage input[name=name] { border:2px ridge #bcb; padding:3px 5px; border-radius:5px; margin:2px 2px 2px 10px; width:130px; }
#AccountsPage input[name=password] { border:2px ridge #bcb; padding:3px 5px; border-radius:5px; margin:2px 2px 2px 10px; width:130px;}
#AccountsPage input[name=password_confirm] { border:2px ridge #bcb; padding:3px 5px; border-radius:5px; margin:2px 2px 2px 10px; width:130px; }
#AccountsPage #SendInitialWelcomePM { background-color:#226;font-weight:bold;font-size:13px;padding:2px 15px; }
#AccountsPage #SendInitialWelcomePM.disabled { background-color:#ccc;color:#999; }