/* Main site template */
html,
body {
	overflow: hidden;	/* Disable scrollbars */
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

html,
body,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: sans-serif;	/* Arial-esque font */
	font-size: 95%;		/* Slightly smaller font size since sans-serif is a little larger */
}

img { border: 0; }

h1,
h2,
h3 {
	font-size: 1.17em;
	display: block;
	font-weight: bold;
	margin: 1em 0;
}

input[type="image"] { margin: 0 2px; }

.float-left { float: left; }

.float-right { float: right; }

.display-none { display: none; }

.b { font-weight: bold; }

#tabstrip ul li { cursor: pointer; }
#tabstrip ul li.active { cursor: auto; }


/* All things with a #666666 background color */
body { background-color: #666666; }


/* All things with a #EC7F24 background color */
#left,
#right {
	background-color: #EC7F24;
}


/* All things with a #FFFFFF background color */
#right #right_content { background-color: #FFFFFF; }


/* White text */
#header,
#tabstrip,
#tabstrip a,
#footer {
	text-decoration: none;
	color: #FFFFFF;
}


/* Colors */
.status_yellow { background-color: #F7F5BE; }

.status_green { background-color: #BAF4CD; }

.status_red { background-color: #FFD6D6; }

.bgcolor_secondary_1 { background-color: #BC803E; }

.bgcolor_secondary_2 { background-color: #9F784C; }

.bgcolor_secondary_3 { background-color: #F5BF91; }

.bgcolor_secondary_4 { background-color: #F8CE9E; }


/* Modals */
.scv4-modal { min-width: 300px; }

.scv4-modal label {
	font-weight: bold;
	display: block;
}

.scv4-modal input[type="text"],
.scv4-modal input[type="number"],
.scv4-modal input[type="email"],
.scv4-modal input[type="url"],
.scv4-modal select {
	width: 100%;
}


/* Header, left, right, and footer container positioning */
#header {
	position: absolute;
	padding-top: 10px;
	top: 0;
	right: 20px;
	left: 20px;
	height: 55px;
}

#tabstrip {
	position: absolute;
	top: 55px;
	right: 20px;
	left: 20px;
	height: 40px;
}

#left {
	position: absolute;
	top: 95px;
	bottom: 40px;
	left: 20px;
	width: 260px;
}

#right {
	position: absolute;
	top: 95px;
	right: 20px;
	bottom: 40px;
	left: 270px;
}

#footer {
	position: absolute;
	right: 20px;
	bottom: 0;
	left: 20px;
	height: 30px;
}


/* Arrows! (Currently not-in-use) */
.arrow div { display: inline-block; }

.arrow_stick {
	background-color: #000000;
	height: 10px;
	width: 10px;
	margin-top: 5px;
	float: left;
}

.arrow_right {
	background-color: #FFFFFF;
	border-color: transparent transparent transparent #000000;
	border-style: solid;
	border-width: 10px;
	width: 0;
	height: 0;
	float: left;
}


.promo_copy { font-size: 110%; }


/* Notices (inline errors, messages, etc) */
.notice_red,
.notice_green,
.notice_blue {
	font-weight: bold;
}


.notice_red { color: #990000; }

.notice_green { color: #00BB00; }

.notice_blue { color: #0000AA; }


/* Debugging */
#debug {
	position: absolute;
	right: 20px;
	bottom: 40px;
	
	z-index: 1000;
	
	height: 50%;
	width: 50%;
	
	margin: 0;
	padding: 10px;
	
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.7);
	border: 10px solid rgba(0, 0, 0, 0.25);
	
	overflow: auto;
}

#inprogress {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #660000;
	z-index :-1000;
}


/* Tab-strip content */
#tabstrip ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

	position: absolute;
	top: 10px;
	right: 0;
	bottom: 0;
	left: 0;
}

#tabstrip ul li {
	float: left;
	height: 30px;
	width: 18%;
	background-color: #9F784C;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	padding-left: 5px;
	font-size: 125%;
	padding-top: 5px;
	margin-right: 1%;
}

#tabstrip ul li:hover { background-color: #BC803E; }

#tabstrip ul li.active { background-color: #EC7F24; }


/* Header module icons */
.icon_module {
	width: 32px;
	height: 32px;
}

.icon_module_separator img {
	width: 1px;
	height: 40px;
	border: 0;
	margin: 0 2px 0 2px;
}


#icon_title_hover {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	width: 128px;
	display: none;
}


/* 16x16 px icons */
.icon_preview,
.icon_close,
.icon_close_white,
.icon_edit,
.icon_edit_white,
.icon_delete,
.icon_delete_white,
.icon_calculator,
.icon_zoom,
.icon_jump,
.icon_email,
.icon_print,
.icon_export,
.icon_cross_red,
.icon_tick_green{
	width: 16px;
	height: 16px;
	margin: 1px;
	border: 0;
	cursor: pointer;
	display: inline-block;
}


/* Header content */
#header #header_logo {
	position: absolute;
	top: 15px;
	left: 10px;
	
	width: 380px;
	height: 30px;
}

#header #icon_bar_wrapper {
	position: absolute;
	top: 10px;
	left: 445px;
	right: 0;
	
	min-height: 40px;
	max-height: 80px;
}

#header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	float: right;
}

#header ul li { float: left; }

#header ul li a {
	width: 34px;
	height: 34px;
	display: block;
	padding: 4px 2px 2px 4px;
}


/* Footer content */
#footer #footer_logo { float: left; }

#footer #footer_logo img {
	width: 200px;
	height: 16px;
	margin: 2px 0 0 2px;
}

#footer #footer_links { float: right; }

#footer #footer_links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer #footer_links ul li {
	float: left;
	padding-right: 0.5em;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover { border-bottom: 1px solid #EC7F24; }


/* Chat bubble code borrowed from http://jonrohan.me/guide/css/creating-triangles-in-css/ */
#chat-bubble,
#error-bubble {
	position: absolute;
	z-index: 1000;
	display: none;
}

.chat-bubble,
.error-bubble {
	background-color: #EDEDED;
	border: 2px solid #666666;
	font-size: 10px;
	line-height: 1em;
	margin: 10px auto;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 150px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 5px #888888;
	-webkit-box-shadow: 0 0 5px #888888;
	color: #000000;
}

.chat-bubble-arrow-border,
.error-bubble-arrow-border {
	border-color: transparent transparent #666666 transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	top: -22px;
	right: 30px;
}

.error-bubble-arrow-border {
	border-color: #666666 transparent transparent transparent;
	top: 41px;
	right: 5px;
}

.chat-bubble-arrow,
.error-bubble-arrow {
	border-color: transparent transparent #EDEDED transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	top: -19px;
	right: 78px;
}

.error-bubble-arrow {
	border-color: #EDEDED transparent transparent transparent;
	top: 38px;
	right: 5px;
}


/* jQuery UI Widget Overrides */
#white_box .scv4-accordion-wrapper {
	position: absolute;
	top: 3.17em;
	right: 0;
	bottom: 0;
	left: 0;
}

#white_box .scv4-accordion div { padding: 3px; }

/* Get rid of border-radiuses */
#white_box .scv4-accordion h1,
#white_box .scv4-accordion h3,
#white_box .scv4-accordion div {
	/* Top right */
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
	
	/* Top left */
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
	
	/* Bottom left */
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	
	/* Bottom right */
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

#white_box .scv4-accordion h1 a,
#white_box .scv4-accordion h3 a {
	color: #000000;	/* Set the text color to black */
}

#white_box .scv4-accordion div { background: #FFFFFF; }	/* Set a white background */

/* Set gray borders */
#white_box .scv4-accordion h1,
#white_box .scv4-accordion h3 {
	border-color: #DDDDDD;
	border-style: solid;
	border: 1px 1px 0 1px;
}

/* Left-side content */
#left #white_box {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	background-color: #FFFFFF;
}

#left #white_box_content {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
}

/* Gray border for sidebar content (for consistency with accordion borders */
#left .sidebar_content_border {
	position: absolute;
	top: 3.17em;
	right: 0;
	bottom: 0;
	left: 0;
	
	border: 1px solid #DDDDDD;
	padding: 3px;
	
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}


/* Forms */
#left form label {
	font-weight: bold;
	display: block;
}

#left form input[type="check"] { float: left; }

#left form label.checkbox { float: left; }

#left .sidebar_content_border select { width: 100%; }


/* Right-side content */
#right #right_title {
	position: absolute;
	top: 15px;
	right: 15px;
	left: 10px;
	height: 40px;
	font-weight: bold;
	font-size: 150%;
	padding-top: 5px;
}

#right #right_title { color: #FFFFFF; }

#right #right_content {
	position: absolute;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 10px;
}

#right #right_content h1,
#right #right_content h2,
#right #right_content h3,
#right #right_content p {
	margin: 10px;
}

#right #right_content table {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 50px;
	left: 10px;
}

#right .bbar {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 10px;
	height: 30px;
	vertical-align: bottom;
}

#right .bbar .bbar_text,
#right .bbar .bbar_text label {
	margin: 6px 10px 0 10px;
	padding: 0;
	height: 16px;
	font-weight: bold;
}

#right #right_content label {
	float: left;
	display: block;
	min-width: 10em;
	font-weight: bold;
	margin-top: 2px;
}

#right #right_content form input {
	float: left;
	display: block;
}

#right #right_content form p {
	clear: both;
	line-height: 2em;
}


/* Loading overlay */
#loading {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	text-align: center;
}


#loading p {
	font-size: 125%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}


fieldset legend {
	font-weight: bold;
	font-size: 110%;
}


/* Alert overlay */
#alert_overlay {
	position: absolute;
	top: 45%;
	left: 50%;

	background: #666666 url(/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .90;

	border-radius: 10px;

	color: #FFFFFF;
	font-size: 300%;

	padding: 30px;

	z-index: 100000;
}


#alert_overlay_substr {
	font-size: 50%;
	text-align: center;
}