* {margin:0; padding:0;}

body	{font-family: Arial; background-color: #000;}

a:link		{color: #00a7be; text-decoration: none;}
a:visited 	{color: #00a7be; text-decoration: none;}
a:active 	{color: #00a7be; text-decoration: none;}
a:hover 	{color: #00a7be; text-decoration: underline;}

.spacer	{clear:both}
.error	{color:#FF9C00; font-weight: bold;}
.error a	{color: #FF9C00}
.rightAlign {width: 100%; text-align: right;}
.icon {vertical-align: middle; padding-left: 2px; padding-right: 5px;}
.adminTitle {display: block; float: left; width: 22px;}
.floatleft {float: left}
.floatright {float: right}

/*ul	{list-style: url(/images/template/bullet.gif);}*/
li	{margin: 10px 0px 10px 50px;}
h1 {font-size: 14px; margin-bottom: 5px;}
h1.toolname {font-size: 14px; margin-top: 20px; margin-left: 65px; color:#6F98CD;}
h2 {font-size: 12px;}
h3 {color:#5C85BA; font-size: 11px; font-weight: bold;}
hr {border: 1px solid #D3D2D2; padding: 0;}
p {margin-bottom: 10px; margin-top: 10px;}
.newButton {float: right; text-align: right; margin-bottom: 5px; width: 40%;}

/* HEADER */
#main-wrapper	{background-color: #fff; width:95%; margin: 20px auto; background-color: #fff;}
#header-wrapper	{width: 100%;}
.headerlogo		{margin: 0px auto 8px auto; text-align: center;}
.headerInfoBox	{float:left; margin:10px; padding:10px; background-color:#FFFFFF;}
.headerimg		{float:right;}

#popup-content-wrapper {width: 100%;}
#popup-header-wrapper	{width:100%; background: url('/images/template/popupheader.gif') #7DA6DA;}

.padder	{padding:10px;}
.pad	{padding:5px;}
.nopadder	{padding: 0px;}

/*#content {float: left; width: 78%;}*/
#content {margin-left: 215px;}
/* LEFT SIDE */
#leftSide {float: left; width: 208px; padding: 5px;} 
#leftSide li	{margin: 10px 0px 10px 20px;}
.leftSideBox {margin-bottom: 5px; background: #EEEEEE url('/images/template/boxes/top.gif') no-repeat; }
.leftSideBox .centerBit {padding: 7px 7px 0px 7px;}
.leftSideBox .bottomEdge {background: url('/images/template/boxes/bottom.gif'); height: 12px;}

/* TOOLBAR */
#toolbar {height: 140px; font-size: 11px; background: #e9e9e9 url(/images/4orce/template/headerBg.gif); color: #fff;}
/*
#toolbar a {color: #fff; font-weight: bold; padding: 5px 8px 5px 5px; text-decoration: none; }
#toolbar a:hover, #toolbar .selected {color: #00a7be; background-color: #ccb3cc; font-weight: bold;}
*/
#toolbar ul {list-style: none; margin-top: 30px;}
#toolbar li {float: right; height: 14px; margin: 0px;padding: 0px 5px 5px 5px; font-weight: bold;}
#toolbar li a { display: block; }	

/* AMUZO custom menu images */
#toolbar-content a {
		display:block; height:90px; width:81px; padding:0px; margin:0px; outline:none; text-indent:-9999px;
		background-image:url('/images/4orce/menu/content_off.png'); }
#toolbar-content a:hover { background-image:url('/images/4orce/menu/content_over.png');  }
#toolbar-content.current-menu-item a { background-image:url('/images/4orce/menu/content_on.png');  }

#toolbar-control a {
		display:block; height:90px; width:81px; padding:0px; margin:0px; outline:none; text-indent:-9999px;
		background-image:url('/images/4orce/menu/control_off.png'); }
#toolbar-control a:hover { background-image:url('/images/4orce/menu/control_over.png');  }
#toolbar-control.current-menu-item a { background-image:url('/images/4orce/menu/control_on.png');  }

#toolbar-build a {
		display:block; height:90px; width:81px; padding:0px; margin:0px; outline:none; text-indent:-9999px;
		background-image:url('/images/4orce/menu/build_off.png'); }
#toolbar-build a:hover { background-image:url('/images/4orce/menu/build_over.png');  }
#toolbar-build.current-menu-item a { background-image:url('/images/4orce/menu/build_on.png');  }

/* LEFT NAV */
/*#navMenu {background-color: #CCCCCC; 	padding: 2px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;}*/
#navMenu {border: 1px dashed #CCCCCC; padding: 2px;}
#navMenu ul {list-style: none; }
#navMenu li {margin: 0px;}
#navMenu li.selected {color: #000; background-color: #00bad4;}
#navMenu li a { display: block; text-decoration: none; padding: 5px; }	
#navMenu a:hover, #navMenu .selected {color: #000; background-color: #00bad4; }


/* SUB NAV */
#tabMenu ul {list-style: none; }
#tabMenu li {float: left; border: 1px solid #CCCCCC; margin: 0px;}
#tabMenu li.selected {color: #000; background-color: #00bad4;}
#tabMenu li a { display: block; text-decoration: none; padding: 5px; }	
/*#tabMenu a:hover, #tabMenu.selected {color: #000; background-color: #00bad4; }*/

#tabContent { clear: left; border: 1px solid #CCCCCC; padding: 5px;}

/* FOOTER */
#nextprev {width: 100%; text-align: center;}
#footer			{clear: both; width:100%; background: url(/images/4orce/statusbar.gif); text-align:center; color: #ffffff; padding: 3px 0;}
#footer a	{color: #ffffff}

/* LOGIN SCREEN */
.loginbox {width: 350px; height: 230px;}
.loginboxheader {width:100%; padding: 3px 0; border: 1px dotted #A4BBD9; text-align:center; font-weight:bold; vertical-align:top; background: #DCE5F0;}
.loginboxcontent	{width:100%; height: 100%; border: 1px dotted #A4BBD9; text-align:center; margin-top:2px;}

/* OPTION BOX */
.optionbox {width: 155px; height: 280px; float: left; margin-right: 10px;}
.optionboxheader {width:100%; padding: 3px 0; border: 1px dotted #A4BBD9; text-align:center; font-weight:bold; vertical-align:top; background: #DCE5F0;}
.optionboxcontent {width:100%; height: 250px; border: 1px dotted #A4BBD9; margin-top:2px;}
.optionboxcontent li {margin: 10px 0px 0px 25px;}

/* HOZ SCOLLING CONTENT -- NO LONGER SCROLLING! */
.contentScroll { width: 100%; }

.contentScrollItem { float: left; width: 220px; height: 220px; text-align: center; margin-right: 8px; margin-bottom: 8px; line-height: 15px; border: 0px solid #ccc; padding: 5px; background-color: #f2f2f2;  }

/* LIST LAYOUTS */
table {border-collapse: collapse;}
th	{background-color: #ccc; border: 1px solid #ccc; text-align:center; vertical-align: middle; padding: 3px;}
.sorted {background-color: #B0C3DB;}
tr	{vertical-align: top;}
td	{border-width: 1px; border-style: dashed; border-color: #ccc; padding: 3px;}
.noFormat	{border: none; padding: 1px;}
.dataNum {text-align: right;}
.highlighted {color: #FF9C00;}
.highlighted a {color: #FF9C00;}
.subheadrow {background-color: #999; font-weight: bold;}
.hilightCol {background-color: #999;font-weight: bold;}
.negative {color: #ff0000;}
.hoverHightlight:hover { background: #00bad4; }
.hoverHighllight:hover { background: #e9e9e9; }
.colHighlight {border-left: 2px solid #CEDBEB;}

.noborderLeft {border-top: 0px; border-left: 0px; border-bottom: 0px;}
.noborder {border-top: 0px; border-left: 0px; border-bottom: 0px;border-right: 0px; }

#formatList dd.dataSml {float: left; width: 50px; text-align:right; margin-right: 20px;}

/* BREADCRUMB */
.breadcrumb {color: #410A48;}
.breadcrumb ul {margin: 0;padding: 0;display: inline;border: none;} 
.breadcrumb ul li {margin: 0;padding: 0;border: none;list-style: none;display: inline;}

/* NEXT PREVIOUS BTN*/
#nextPrevious {position: relative;clear: both;color: #000000;font-size:11px;font-family: arial; font-weight: normal; width:100%;padding:0px;margin:0px;text-align: center; }
html>body #nextPrevious {	left: 0px;}
#btnNextprevious {position: relative;width:100%;border-top: 2px solid #00bad4;padding:5px 0px 0px 0px;margin:0px;}
#btnNext {float: right;text-align:right;width: 40px;padding: 1px 0px 5px 5px;}
#btnPrev {float: left;text-align:left;width: 40px;padding: 1px 5px 5px 0px;}
#btnIndex {color: #000000;text-align: center;padding: 1px 0px 5px 0px;}

/* FORM LAYOUT */
fieldset {border: 1px solid #D3D2D2; margin-bottom: 5px;}
legend {font-size: 14px; background: #FFFFFF; padding: 5px; font-weight: bold;}
fieldset h2 {width: 98%; margin: 5px auto;}
.row {padding-bottom: 30px;}
.formLabel {color:#5C5C5C; float: left; width: 34%; text-align: right;}
.formLabelTree {color:#5C5C5C; float: left; width: 34%; text-align: left;}
.formField {color:#5C5C5C; float: right; width: 63%; text-align: left;}
.formRequired {color:#FF9C00;}
.formRequiredBig {color:#FF6C00; font-weight: bold;}
.calcField {float: left; width: 191px; font-weight: bold;}
.calcFieldRight {float: left; width: 120px; font-weight: bold;}
.leftFloatSpan {float: left; width: 180px;}
.rightFloatSpan {float: right; width: 60%;}
.helpText {margin-left: 5px; vertical-align: top; font-weight: normal;}
.rightAlign	{width:100%; text-align:right;}

.img-checkbox { float: left; width: 60px;height: 60px;}
.img-checkbox input[type="checkbox"]{ display: none; }
.img-checkbox img{ border: 0; margin: 4px; }

.img-radio { display: inline; }
.img-radio input[type="radio"]{ display: none; }
.img-radio img{ border: 0; margin: 10px 4px; }

/* FORM FIELDS */
.myInput {border: 1px solid #BDBDBD; font-family: Arial; font-size: 1em; color: #444343; padding: 5px;}
.myOptions {font-family: Arial; font-size: 12px; color: #444343; padding: 5px;}
.formNum {width:80px;}
.formSmall {width:100px;}
.formMed {width:170px;}
.formLarge {width: 400px;}
.formWidget {width:100%; min-width: 100px;}

input.button {height: 22px; font-family: Arial; font-size: 11px; border: 0px none; background: url('/images/template/buttonBG.gif'); color: #000000;}
input.button[disabled] {height: 22px; font-family: Arial; font-size: 11px; border: 0px none; background: url('/images/template/buttonBG.gif'); color: #929292;}

input.formSubmit {float:right; padding: 2px 10px; margin: 0px;border: 1px none #CCC; background-color:#00bad4;color:#fff;font-family:amuzoFont;  font-size: 20px; line-height: 24px; border: 1px solid #BDBDBD;}
input.formSubmit:hover {background-color:#e9e9e9;color:#000;}


/* REPORT FILTERS*/
#reportFilter {
	float: left; width: 100%; 
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
	margin-bottom: 10px;
}

#reportOverview {float: left; width: 23%; background: #00bad4; padding-left: 10px; padding-top: 3px;}
.filterOption {float: left; margin: 3px 10px 3px 0px;}

/* WIDGET */
#widgetPopupContainer {background: #FFFFFF; width: 700px; height: 500px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}
.widgetPopupHolder {position: absolute; z-index: 90; height:500px;}
.loaderPopupHolder {position: absolute; z-index: 110; width: 16px; height: 16px; background: #FFFFFF;border: 1px solid #6089BC; padding: 20px;}
.widgetFilters {background: #EEEEEE; width:98%; margin: 0px auto;}
.widgetFilters div {padding: 3px;}

#widgetPopupContainer .leftFloatSpan {width: 160px;}
#widgetPopupContainer .rightFloatSpan {width: 60%;}

.statusBlock { width: 15px; height: 15px; border: 1px solid #ccc; padding: 0px; margin: 0px auto;}
.statusRisk1 { background-color: #139dd2;}
.statusRisk2 { background-color: #75ce97; }
.statusRisk3 { background-color: #f1e744; }
.statusRisk4 { background-color: #ff811c; }
.statusRisk5 { background-color: #ff0d03; }

/* SLIDERS  */
#riskSlider {width: 490px; margin: 10px; }
#riskSlider .ui-widget-header { background: url('/images/4orce/template/scale.png'); }

/* fake button link */
div.buttonLeft { float:left; }
div.button {float:left; height: 19px; padding-top: 3px; background: url('/images/template/buttonBG.gif');}
div.button a {font-family: Arial; font-size: 11px; color: #000000;}
div.button a:hover {text-decoration:none;}
div.buttonRight { float:left; }

TEXTAREA {margin-bottom: 10px;}
SELECT {padding-right: 10px;}

.checkboxDisplay {width: 23px; height: 21px; background: transparent url(/images/4orce/forms/checkbox.png ) no-repeat 0 50%; float: left; vertical-align: middle;}
.checkedDisplay { background: transparent url(/images/4orce/forms/checkbox.png ) no-repeat 80% 50%; float: left;  vertical-align: middle;}
.checkboxLabel { float: left; margin: 5px 8px 0px 2px;  vertical-align: middle;}


/* AJAX POPUPS */
#helpBox {position: absolute; z-index: 150; background:#FFFFFF; border: 1px dashed #CEDBEB;padding: 3px;} /* width:220px; */
#oPopup {position: absolute; z-index: 200; background:#E6EDF5; border: 1px solid #CEDBEB; padding: 10px; height:180px; overflow:hidden; margin: 20px 15px 0 0;}
#calendarBox {position: absolute; z-index: 100; background:#FFFFFF; border: 1px dashed #CEDBEB;}
#calendarTable table {width: 200px;}
#calendarTable td {border: 0px;}
#commentsBox {position: absolute; z-index: 100; left: 0px; top: 500px; height: 350px; width: 520px;}

/* AUTO COMPLETE */
.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; z-index:150; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#f00; }

/* SORTABLE ELEMENTS */
#sortable { list-style-type: none; margin: 0px auto; padding: 0; width: 98%; }
 #sortable li { margin: 0 3px 3px 3px; padding: 0.2em; padding-left: 1.5em; font-size: 1em; border: 1px solid #d3d3d3; cursor:n-resize;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
}
 #sortable li span { position: absolute; margin-left: -1.3em; }

div.slider { width:256px; margin:10px 0; background-color:#ccc; height:10px; position: relative; }
div.slider div.handle { width:10px; height:15px; background-color:#f00; cursor:move; position: absolute; }
div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; }

.rating { margin: 0; padding: 0; list-style: none; clear: both; height: 15px; background-image: url(/images/icons/ratings.png); background-repeat: no-repeat; position: relative;}
.rating li {text-indent: -9999em; float: left; }
.rating li a { position: absolute; top: 0; left: 0; z-index: 20; height: 15px; width: 15px; display: block;}
.rating li a:hover { z-index: 10; width: 75px; height: 15px; overflow: hidden; left: 0; background-image: url(/images/icons/ratings.png); background-repeat: no-repeat; }

.rating .star1 a:hover { background-position: 0 -105px; /* 1 out of 5 */ }
.rating .star2 a:hover { background-position: 0 -120px; /* 2 out of 5 */ }
.rating .star3 a:hover { background-position: 0 -135px; /* 3 out of 5 */ }
.rating .star4 a:hover { background-position: 0 -150px; /* 4 out of 5 */ }
.rating .star5 a:hover { background-position: 0 -165px; /* 5 out of 5 */ }

.rating .star1 a {left: 0;}
.rating .star2 a { left: 15px;}
.rating .star3 a { left: 30px;}
.rating .star4 a { left: 45px;}
.rating .star5 a { left: 60px;}

.fakeLink {cursor: pointer;}
.loading {padding: 20px; text-align: center; }

/* DLC */
.selectOption {float: left; width: 100px; margin-right: 5px;}

/* BUILDS */
.buildTitle {padding: 3px 5px; border: none; text-align:left; font-weight:bold; vertical-align:top; background: #DCE5F0; color: black; font-size: 10pt; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -moz-border-top-left-radius: 10px;}
.buildPanel {width: 90%; font-size: 12pt; padding: 15px 15px 15px 15px; background: #fbfbfb; margin-bottom: 10px;}
.buildPanel table { width: 100%; margin: 2px 2px 2px 2px; }
.buildPanel th { font-weight: bold; font-size: 90%; padding: 8px 4px 8px 4px ; border: 1px solid #999; }
.buildPanel td { text-align: center; font-size: 85%; border: 1px solid #999;  padding: 8px 4px 8px 4px ; }
.buildActions {padding-left: 2px; margin-top: 5px; margin-bottom: 6px;}
.buildRoundTag { background-color: #dde; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; color: #000; padding: 1px 4px; text-decoration: none; border:none; display: inline; margin-right: 2px; font-size: 80%; }
.buildRoundTag.action { cursor: pointer; }
.buildRoundButton { background-color: #dde; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding: 4px 8px; text-decoration: none; border:none; display: inline; margin-right: 2px; font-size: 90%; right: 4px; bottom: 4px; display: inline; position: absolute; width: 120px; text-align: center;}
.buildRoundButton:hover { border: none; background:#eef; box-shadow: 0px 0px 1px #777; cursor: pointer; color: #888; }
.buildRoundButton a:link { text-decoration: none; color: black; }
.buildRoundButton a:visited { text-decoration: none; color: black; }
.buildRoundButton a:hover { text-decoration: none; color: black; }
.buildInfoIcon { width: 16px; height: 16px; cursor: help; }
.buildIcon { float: left; width: 32px; height: 32px; margin: 5px 25px 0px 5px; }
.buildIcon.android { background: url(../../images/icons/android.gif); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.ios { background: url(../../images/icons/ios.gif); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.web { background: url(../../images/icons/web.gif); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.webgl { background: url(../../images/icons/webGL.gif); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.metro { background: url(../../images/icons/windows8.gif); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.standalone { background: url(../../images/icons/standalone.gif); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.tvos { background: url(../../images/icons/tvos.png); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.windows10 { background: url(../../images/icons/windows10.png); background-size: 32px 32px; background-repeat: no-repeat;}
.buildIcon.nintendoswitch { background: url(../../images/icons/switch.png); background-size: 32px 32px; background-repeat: no-repeat;}
.buildInfoIcon.androidCert { background: url(../../images/icons/android_grey.gif) no-repeat center; }
.buildInfoIcon.iosCert { background: url(../../images/icons/ios_grey.gif) no-repeat center; }
.buildInfoIcon.device { background: url(../../images/icons/pda.gif) no-repeat center; }
table.buildPlain { border: solid 5px #e9e9e9; position: relative; }
tr.buildPlain { border: none; }
td.buildKey { border: none; border-right: solid 5px #e9e9e9; width: 200px; text-align: right; font-size: 85%; font-weight: bold; padding-right: 15px; }
td.buildValue { border: none; text-align: left; padding-left: 15px;  position: relative; }
.unassignedBuildValue { display: inline; font-style: italic; color: #AAA; }
.buildSpinner { display: block; width: 16px; height: 16px; background: url(../../images/icons/spinner.gif); background-size: 16px 16px; background-repeat: no-repeat;}

h5.projectSubtitle { font-size: 70%; overflow: hidden; white-space:nowrap; padding: 0; }

#dropContainer {
	height: 400px;
	max-width: 800px;
    border: 2px dashed #00a7be;
    border-radius: 10px;
    background: #eee;
	text-align: center;
}

#dropContainer h2 {
	margin-top: 170px;
	pointer-events: none;
}