/* Put Application specific CSS here. */

/*override the palm 15px padding*/
body p {
	padding: 0px;
}

textarea {
	margin-bottom: 0px !important;
	border-width: 5px !important;
}

/* Limit buttons and lists to 600px wide */
.ui-btn {
	max-width: 600px !important;
}

/* jQM has this for ui-header > .ui-btn, but not for non-child descendants, so add it (fixes select menus in header)*/
.ui-header .ui-btn {
	margin-top: 0px;
}

li.ui-li-divider {
	max-width: 570px !important;
}

li.ui-li-static {
	max-width: 570px !important;
}

/********** jqtip styling *****************/

/* Add some nice box-shadow-ness to the modal tooltip */
#ui-tooltip-modal {
	max-width: 300px;
	min-width: 300px;
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
	font-size: 14px;
	background-color: #BBBBBB;
}

#ui-tooltip-modal .ui-tooltip-content {
	padding: 10px;
	font-size: 14px;
	line-height: 120%;
}

.ui-tooltip-default .ui-tooltip-content {
	font-family: Helvetica, Arial, sans-serif;
}

.offScreen {
	position: absolute !important;
	left: -10000px !important;
}

.spaceBodyText {
	font-size: 16px;
	margin: 0px 15px 15px 15px;
}

.alertText a:link {
	color: #999999;
} /* unvisited link */
.alertText a:visited {
	color: #999999;
} /* visited link */
.alertText a:hover {
	color: #CCCCCC;
} /* mouse over link */
.alertText a:active {
	color: #FFFFFF;
}

.spaceBodyText a:link {
	color: #999999;
} /* unvisited link */
.spaceBodyText a:visited {
	color: #999999;
} /* visited link */
.spaceBodyText a:hover {
	color: #CCCCCC;
} /* mouse over link */
.spaceBodyText a:active {
	color: #FFFFFF;
}

a:link.spaceLink {
	color: #999999;
} /* unvisited link */
a:visited.spaceLink {
	color: #999999;
} /* visited link */
a:hover.spaceLink {
	color: #CCCCCC;
} /* mouse over link */
a:active.spaceLink {
	color: #FFFFFF;
}

.featureScroller {
	margin-bottom: 0px;
	margin-top: 0px;
}

.fadeOut {
	-webkit-transition-property: visibility;
	-webkit-transition-duration: 0.3s;
	visibility: hidden;
}

/****************Tooltips************/
#FirstUpdate {
	position: absolute;
	font-size: 12px;
	background-color: #999999;
	-webkit-border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	width: 200px;
	padding: 2px;
	text-align: center;
}

/* ******************Menus***********************/
/* Only use the fill argument for border-image.  It is needed in chrome 16 so that the middle of the buttons is filled on.  Can't use it on webkit because then on Android the border image won't show.*/
.GameButton { /*padding: 5px 8px;*/
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	-webkit-border-image: url(../images/icons/gameButton.png) 10 10 10 9
		stretch;
	-moz-border-image: url(../images/icons/gameButton.png) 10 10 10 9
		stretch;
	-o-border-image: url(../images/icons/gameButton.png) 10 10 10 9 stretch;
	border-image: url(../images/icons/gameButton.png) 10 10 10 9 fill
		stretch;
	border-style: solid;
	z-index: 10;
}

/* Only use the fill argument for border-image.  It is needed in chrome 16 so that the middle of the buttons is filled on.  Can't use it on webkit because then on Android the border image won't show.*/
.GameButton.MenuButtonSelected {
	-webkit-border-image: url(../images/icons/gameButton-active.png) 10 10
		10 9 stretch;
	-moz-border-image: url(../images/icons/gameButton-active.png) 10 10 10 9
		stretch;
	-o-border-image: url(../images/icons/gameButton-active.png) 10 10 10 9
		stretch;
	border-image: url(../images/icons/gameButton-active.png) 10 10 10 9 fill
		stretch;
}

.GameButton.GameButtonSingle { /*-webkit-border-radius: 5px;*/
	border-width: 10px 10px 10px 9px;
}

.GameButton.GroupedButton {
	float: left;
}

.GameButton.GroupedButtonRight {
	padding-left: 9px;
	margin-left: 1px;
	/* -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: black;*/
	border-width: 10px 10px 10px 0px;
}

.GameButton.GroupedButtonLeft {
	padding-right: 9px;
	margin-right: 1px;
	border-width: 10px 0px 10px 9px;
	/*-webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
     border-style: solid;
    border-width: 1px;
    border-color: black;*/
}

.GameButton>IMG {
	float: left;
}

.CommandMenu {
	position: absolute;
	font-size: 14px;
	left: 0px;
	text-align: center;
	pointer-events: none;
}
/*For view menu scenes with a header - puts the view menu a little lower*/
.SceneViewMenu {
	font-size: 14px;
	left: 0px;
	text-align: center;
	pointer-events: none;
	overflow: auto;
	/* to offset some of the jQM content padding*/
	margin-top: -15px;
}

/*Only the game's view menu uses this*/
.ViewMenu {
	position: absolute;
	font-size: 14px;
	top: 5px;
	left: 0px;
	text-align: center;
	pointer-events: none;
}

.showBorder {
	border-style: solid;
	border-width: 1px;
	border-color: red;
}

.MenuRight {
	float: right;
	margin-right: 2px;
	display: inline;
	pointer-events: auto;
}

.MenuLeft {
	float: left;
	margin-left: 2px;
	pointer-events: auto;
}

.MenuCenter {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	pointer-events: auto;
}

.MenuButton {
	border-style: solid;
	border-width: 1px;
	background-color: orange;
	color: White;
	pointer-events: auto;
	width: 60px;
}

/*Not used with the border images   .MenuButtonSelected {
    background-color: gray;
}
*/
.startHidden {
	display: none;
}

.redText {
	color: red !important;
}

.greenText {
	color: green !important;
}

.orangeText {
	color: orange !important;
}

.yellowText {
	color: yellow !important;
}

.spaceContentWrapperOuter {
	text-align: -webkit-center;
}

.spaceContentWrapperInner {
	max-width: 600px;
}

/* override the normal margins on header titles that is there to make room for buttons if we're not going to have a button*/
.wideTitle {
	margin-right: 0px !important;
	margin-left: 30px !important;
}

.narrowTitle {
	margin-right: auto !important;
	margin-left: auto !important;
	display: inline !important;
}

.ui-body-a .ui-link {
	color: #fff;
	font-weight: bold;
}

/* make the certain buttons padding smaller for a smaller button*/
.reduced-padding-btn .ui-btn-inner {
	padding: 4px 12px 4px 12px !important;
}

/* used to "toggle" buttons, such as showRadar and showPaths.  Not really related to JQM except using the ui-btn-active color */
.button-on {
	background: #4596ce !important;
}

/* Makes icon only buttons a bit bigger for easier click*/
.ui-btn-icon-notext {
	padding: 5px 4px 4px 6px;
}

.ui-icon-show-radar {
	background-image: url("../images/icons/menu-icon-radar-18.png")
		!important;
}

.ui-icon-show-paths {
	background-image: url("../images/icons/menu-icon-showpaths-18.png")
		!important;
}

/* Reduce Padding on game buttons*/
.gameButton .ui-btn-inner {
	padding: 4px 7px !important;
	font-size: 14px !important;
}

/*Dont wrap descriptions in lists*/
.ui-li-desc {
	white-space: normal !important;
}

.ui-btn-inner {
	white-space: normal !important;
}

.ui-li .ui-btn-text a.ui-link-inherit {
	white-space: normal;
}

/* *******************Lists********************** */
.buildList {
	font-size: 16px;
}

.buildList .ui-btn-inner a.ui-link-inherit {
	padding: .5em 35px .5em 10px;
	display: block;
}

/*Lists used in queue, build unit pages, etc*/
.wideList {
	margin-bottom: 10px !important;
	margin-top: 0px !important;
}

.wideList .ui-li-static.ui-li {
	padding: .5em 5px .5em 10px;
	/*JQM lists normally have min height of 60px*/
	min-height: 30px !important;
}

.wideList .ui-link-inherit {
	padding-right: 25px !important;
	padding-left: 10px !important;
}

.shortList .ui-btn-inner a.ui-link-inherit {
	padding-top: .3em;
	padding-bottom: .3em;
}

.popupList .ui-btn-inner a.ui-link-inherit {
	padding-top: 0.9em;
	padding-bottom: 0.9em;
}

/*Used by lists with <h1> and <p> tags wince those have their own padding when formatted by JQM */
.veryShortList .ui-btn-inner a.ui-link-inherit {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*Used by lists with <h1> and <p> tags wince those have their own padding when formatted by JQM */
.tinyShortList .ui-btn-inner a.ui-link-inherit {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -5px;
	margin-bottom: -5px;
}

/* Stuff for all lists
Not really used...because it centers the list, which sometimes looks funny on web. */
.spaceList {
	font-size: 16px;
	max-width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.nowrap {
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

.no-bottom-margin {
	margin-bottom: 0px;
	margin-top: 0px;
}

.smallTopMargin {
	margin-top: 2px !important;
}

.listCenter {
	width: 100%;
	float: left;
	position: relative;
}

/* Drop down selects in right header space. For this to work in jQM, wrap the <select> with a div with class dropdownHeaderRight   */
.dropdownHeaderRight .ui-select {
	position: absolute !important;
	right: 10px !important;
	top: 0.3em;
	width: auto !important;
}

/* *******************Scene Specific***************/

/* Build Ship Page*/
#shipList {
	margin-top: 0px;
}

/* Ship Prices Page */
#shipPricesPage .ui-content {
	padding: 15px 0px;
}

#shipPrices_wrapper {
	font-size: 9px;
}

#shipPricesPage table.display thead th {
	padding: 3px 3px;
	text-align: left;
}

#shipPricesPage table.display tbody td {
	padding: 3px 3px;
}

/* *****Entity List******/
#entityListFooterLabel {
	margin-right: 10px;
	margin-left: 10px;
}

.entityListStat {
	padding-left: 2px;
	padding-right: 7px;
}

#entityListPage .ui-field-contain {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* *****Player List******/
#PlayerListWrapper .ui-listview {
	margin-top: 5px !important;
}
/*Reduce bottom padding on the search field*/
#PlayerListWrapper .ui-field-contain {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 20px !important;
}

#playerListFooterLabel {
	margin-right: 10px;
	margin-left: 10px;
}
/* Position the player list dropdown on the right of the header.  */
#playerListPage .ui-select {
	position: absolute !important;
	right: 10px !important;
	top: 0.3em;
	width: auto !important;
}

#playerListHeader {
	margin-right: 120px !important;
}

/*********Alliance List Page **********/
#allianceList {
	margin-top: 22px;
}

/*  QueuePage */
#queueWarning {
	color: Red;
}

/* LoginPage */
#loginPage .ui-btn {
	margin-bottom: 10px;
}

#loginHelpMessage {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#loginBody {
	max-width: 300px;
}

#FieldLoginName {
	width: 300px;
	height: 30px;
}

#FieldPassword {
	width: 300px;
	height: 30px;
}

/* gameListPage */
/* jQM normally sets ui-selects to width:60%*/
#gameLists_wrapper {
	max-width: 650px;
}

#gameListPage .ui-select {
	width: auto !important;
}

#subscr_text {
	font-size: 14px;
}

#gameList_desc {
	font-size: 14px;
}

/* Stats page*/
.infoIcon {
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #555555;
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	font-size: 12px;
}

/* By default, FieldSets have a 30px padding on top and bottom in JQM */
.shortField {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.spaceSwitch .ui-field-contain {
	padding-top: 10px !important;
	border-bottom: none !important;
}

.spaceSwitch .ui-field-contain label {
	font-size: 18px;
}

/*Normal static lists are bolded in JQM*/
#queueList .ui-li-static {
	font-weight: normal;
}

/* *****Notification List******/
.notificationListContainer { /*need to make 40px room for delete icon*/
	padding-right: 40px;
	/* this makes the parent div grow in height with children*/
	overflow: hidden;
	position: relative;
}

.notificationListRight {
	position: absolute;
	width: 40px;
	/*negative margin so that it is placed in padding of container*/
	margin-right: -40px;
	right: 30px;
	/*next two lines center the div vertically*/
	top: 50%;
	margin-top: -12px;
}

.notificationTitle {
	font-weight: bold;
	font-size: 14px;
}

.notificationBody {
	font-size: 13px;
	font-weight: normal;
}

.notificationDate {
	font-size: 13px;
	font-weight: normal;
	font-style: italic !important;
}

.border {
	border-style: solid;
	border-width: 1px;
	display: none;
	visibility: hidden;
}

.queueIconWrapper {
	padding: 5px 7px 7px 7px;
}

.queueIcon {
	height: 18px;
	width: 18px;
	background: url(../images/icons/listbuttons.png);
}
/* jQuery mobile overrides */
.ui-body-a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000
		/*{a-body-background-start}*/), to(#333 /*{a-body-background-end}*/) )
		!important;
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #000 /*{a-body-background-start}*/, #333
		/*{a-body-background-end}*/) !important;
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #000 /*{a-body-background-start}*/, #333
		/*{a-body-background-end}*/) !important; /* FF3.6 */
	background-image: -ms-linear-gradient(top, #000 /*{a-body-background-start}*/, #333
		/*{a-body-background-end}*/) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #000 /*{a-body-background-start}*/, #333
		/*{a-body-background-end}*/) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #000 /*{a-body-background-start}*/, #333
		/*{a-body-background-end}*/) !important;
	filter: progid:                    DXImageTransform.Microsoft.gradient(
		 
		   
               
             startColorStr=            
               '#000000', EndColorStr=                    '#333333' );
	/* IE6,IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#333333')";
	/* IE8-9 */
}

.ui-input-text {
	max-width: 500px;
	min-width: 250px;
}
/* hide the native checkbox, since with positioning it doesnt stay behind the jQM checkbox on loginPage*/
input[type="checkbox"] {
	display: none !important;
}