@CHARSET "UTF-8";

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	min-height: 620px;
}

body {
	background: #545250;
}

img {
	border: 0px;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: white;
}
a:hover {
	text-decoration: underline;
}

/* ********** */
/* ********** */

img#logo {
	position: absolute;
	left: 45px;
	top: 29px;
}

ul#navigation {
	position: absolute;
	display: block;
	top: 74px;
	left: 0px;
	width: 950px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
ul#navigation li {
	display: inline;
	padding: 0 0 0 1em;
}
ul#navigation li.active {
	font-weight: bold;
}

div#page {
	position: absolute;
	display: block;
	left: 0px;
	top: 107px;
	width: 100%;
	min-width: 960px;
	height: 450px;
	background: #353535;
	border-top: 2px solid #8be406;
	border-bottom : 2px solid #8be406;
}

div#menu {
	position: absolute;
	display: block;
	left: 29px;
	top: 16px;
	width: 235px;
	height: 418px;
}

div#content {
	position: absolute;
	display: block;
	top: 15px;
	left: 264px;
	color: #AFAFAF;
}
div#content b {
	color: #FFFFFF;
}

ul#switch {
	position: absolute;
	display: block;
	top: 0px;
	left: 668px;
	width: 30px;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
ul#switch li {
	margin: 0px 0px 1px 10px;
}
ul#switch li.disabled {
	color: #666666;
}
ul#switch li a {
	color: #FFFFFF;
}
ul#switch li a.active {
	color: #8be406;
}

ul#footer {
	position: absolute;
	display: block;
	top: 570px;
	left: 45px;
	font-size: 10px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#footer li {
	display: inline;
	padding: 0 1em 0 0;
}

ul#language {
	position: absolute;
	display: block;
	top: 570px;
	left: 0px;
	width: 950px;
	font-size: 10px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
ul#language li {
	display: inline;
	padding: 0 0 0 1em;
}




/************************/

div.TileOverview {
	position: relative;
	display: block;
	float: left;
	height: 193px;
	width: 128px;
	margin: 0px 40px 5px 0px;
	padding: 0;
	background: #c3c3c3;
	overflow: hidden;
}
div.TileOverview img.Headshot {
	border: none;
	height: 176px;
	width: 128px;
}
div.TileOverview a {
	color: #000000;
}
div.TileOverview span a {
	color: #000000;
	float: left;
	font-size: 10px;
	margin: 2px 0px 0px 7px;
}
div.TileOverview img.Button {
	float: right;
	border: none;
	margin: 1px 6px 0px 0px;
	cursor: pointer;
}


/* sedcard */
div#headshot {
	position: absolute;
	top: 71px;
	left: 0px;
	width: 230px;
	height: 317px;
}
div#headshot img {
	width: 230px;
	height: 317px;
}

div#data {
	color: #AFAFAF;
}
div#data a {
	color: #AFAFAF;
}
div#data span#name {
	position: absolute;
	display: block;
	top: 40px;
	left: 0px;
	width: 230px;
	font-size: 16px;
}
div#data div {
	position: absolute;
	display: block;
	top: 2px;
	left: 264px;
	width: 420px;
}
div#data span.item {
	display: block;
	font-size: 11px;
	line-height: 19px;
	float: left;
	width: 125px;
}
.context
{
	font-size: 10px;
}

div#panel {
	position: absolute;
	display: block;
	top: 71px;
	left: 264px;
	width: 395px;
	height: 321px;
	overflow: hidden;
}

div.TileDetail {
	position: relative;
	float: left;
	
	overflow: visible;
}
div.TileDetail img.Photo {
	border: none;
	padding: 0px 5px 5px 0px;
}
div.TileDetail div.UIBar {
	position: absolute;
	top: 140px;
	height: 16px;
	background: #353535;
	opacity: 0.4;
}
div.TileDetail img.Button {
	position: absolute;
	border: none;
	cursor: pointer;
}



div.TileLighttable {
	position: relative;
	float: left;
	margin: 0px 5px 5px 0px;
	border: 1px solid white;
	overflow: visible;
}
div.TileLighttable.Landscape {
	border-left-width: 4px;
	border-right-width: 4px;
}
div.TileLighttable img.Photo {
	border: none;
	float: left;
	cursor: pointer;
}
div.TileLighttable div.UIBar {
	position: absolute;
	top: 57px;
	left: 0px;
	height: 13px;
	width: 100%;
	text-align: right;
	background: #353535;
	opacity: 0.4;
}
div.TileLighttable img.Button {
	position: absolute;
	top: 58px;
	right: 2px;
	border: none;
	cursor: pointer;
}

a.Context {
	color: #7b7b7b;
}

/* ***
 * Message Bubble
 * (model overview page)
 */

div#Bubble {
	position: absolute;
	display: block;
	width: 128px;
	height: 176px;
	z-index: 999;
}
div#Bubble div.Area {
	position: absolute;
	display: block;
	margin: 0 0 0 0;
	width: 128px;
	height: 176px;
	background: white;
	opacity: 0.8;
	z-index: 1;
}
div#Bubble div.Message {
	position: absolute;
	display: block;
	top: 0px;
	width: 128px;
	height: 176px;
	z-index: 2;
	overflow: hidden;
	color: #000000;
}
div#Bubble div.Message span {
	float: left;
	display: inline;
	font-size: 10px;
	font-style: italic;
	margin: 10px 15px;
}

/* ***
 * paging
 */

div#paging {
	position: absolute;
	display: block;
	padding: 0px;
	margin: 0px;
	border: none;
}
div#paging td {
	text-align: center;
}
img#pagingUp, img#pagingDown {
	cursor: pointer;
	margin: 4px 1em 0 0;
}
div#paging td#pagingNum {
	line-height: 19px;
}
div#paging td#pagingNum a {
	color: #7b7b7b;
}
div#paging a.active {
	color: #8be406 !important;
}
div#paging a.pagingItem {
	display: block;
	float: left;
	margin: 0 1em 0 0;
	width: 1.15em;
	text-align: center;
}

/* ***
 * selector
 */
div#selector {
	padding: 1em 0 0 0;
	font-size: 12px;
	line-height: 18px;
}
div#selector img {
	 width: 12px;
	 height: 12px;
	 padding: 0 0 1px 0;
	 vertical-align: middle;
	 cursor: pointer;
}

/* ***
 * form
 */
div#Form div.Title h1 {
	font-size: 24px;
	font-weight: normal;
	color: #96c159;
	margin: 1px 0px 0px 0px;
}

div#Form label {
	display: block;
	width: 86px;
	float: left;
	text-align: right;
	margin: 2px 10px 0px 0px;
}
div#Form label.error, div#Form span.error {
	color: #ff5105;
	font-weight: bold;
}

div#Form input, div#Form textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	color: #FFFFFF;
	background: #353535;
	width: 194px;
	float: left;
	margin: 0px 0px 18px 0px;
	padding: 1px;
}
div#Form input[disabled], div#Form textarea[disabled] {
	background: #353535;
	color: #555555;
}

div#Form select {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background: #353535;
	color: #FFFFFF;
	width: 198px;
	float: left;
	margin: 0px 0px 18px 0px;
	padding: 0px;
}

div#Form form#modelDataForm input, div#Form form#modelDataForm select, div#Form form#modelDataForm textarea, div#Form form#modelDataForm label, div#Form form#modelDataForm fieldset {
	margin-bottom: 0px;
}
div#Form form#modelDataForm span.Field {
	float: left;
	margin-bottom: 18px;
}
div#Form form#modelDataForm span.Field.unavailable {
	opacity: 0.3;
}

div#Form a.Btn {
	padding: 2px 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #999999;
	color: white;
	background: #353535;
}
div#Form span.Info {
	font-size: 11px;
	color: white;
}
div#Form a.Btn:hover {
	text-decoration: none;
	background: 
}
div#Form a.Btn.disabled {
	background: #353535;
	color: #555555;
	border-color: #555555;
}
div#Form a.ImageCtrl {
	font-size: 12px;
	color: #ff6826;
	text-decoration: none;
}
div#Form img.ImageCtrl {
	border: 1px solid white;
	cursor: pointer;
}
div#Form img.ImageCtrl.selected {
	border-color: #ff6826;
}

/* ***
 * Accordion
 */

div#accordion {
	position: absolute;
	display: block;
	overflow: hidden;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 210px;
	height: 418px;
	border-bottom: 1px solid #444444;
}

div#accordion form input {
	border: 1px solid #999999;
	background: #353535;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

div#accordion p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

div#accordion a.Btn {
	display: block;
	padding: 2px 10px;
	text-align: center;
	font-size: 10px;
	border: 1px solid #999999;
	color: white;
	background: #353535;
}
div#accordion a.Btn:hover {
	text-decoration: none;
	background: #555555;
}
div.acHead {
	border-top: 1px solid #444444;
	cursor: pointer;
	padding: 3px 15px;
}
div.acContent {
	/*border-top: 1px solid #444444;*/
	padding: 5px 15px;
	font-size: 10px;
	overflow: hidden;
}

/* ***
 * UI Flags
 * (e.g. model edit page)
 */

div.frame {
	position: absolute;
	top: 40px;
	left: 0px;
	height: 340px;
	width: 592px;
}

div#ModelFormFlags {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 632px;
}
div.Flag {
	float: left;
	width: 90px;
	height: 28px;
	margin-right: 1px;
	background: #353535;
	border: 1px solid #999999;
	font-size: 12px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}
div.Flag.hover {
	background: #555555;
}
div.Flag.disabled {
	background: #353535;
	border: 1px solid #555555;
	color: #555555;
}
div.Flag.active {
	height: 28px;
	border: 1px solid #999999;
	background: #FFFFFF;
	color: #555555;
}

div.Flag span {
	float: left;
	margin: 7px 0px 0px 10px;
}

/* ***
 * combobox design
 */
a.combobox {
	position: relative;
	display: block;
	border: 1px solid #999999;
	overflow: hidden;
	padding: 3px;
	background: url(../img/global/combobox.gif) center right no-repeat;
	z-index: 100;
}
a.combobox:hover {
	background-color: #555555;
	text-decoration: none;
}
ul.comboboxOptions {
	position: absolute;
	display: block;
	list-style-type: none;
	background: #353535;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	z-index: 9999;
}
ul.comboboxOptions li a {
	position: relative;
	display: block;
	padding: 2px 3px 2px 3px;
}
ul.comboboxOptions li a:hover {
	background-color: #555555;
	text-decoration: none;
}
ul.comboboxOptions li a.selected {
	color: #8be406;
}

/* ***
 * Loading
 */
div#Loading {
	position: absolute;
	background: #353535;
	top: 0px;
	left: 0px;
	height: 425px;
	width: 640px;
	opacity: 0.9;
	z-index: 999;
}

/* ***
 * Upload
 */

div#Upload {
	position: absolute;
	display: none;
	background: #353535;
	top: 0px;
	left: 0px;
	height: 400px;
	width: 640px;
}
div#Upload div.area {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	width: 640px;
	opacity: 0.9;
	z-index: 1;
}
div#Upload div.content {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	width: 640px;
	z-index: 2;
	overflow: show;
}
div#photos {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 5px 0;
	width: 480px;
	height: 50px;
	border: 1px solid #999999;
	padding: 10px 0px 10px 10px;
}
div#photos img {
	max-width: 70px;
	width: 69px;
	height: 50px;
	margin: 0 10px 0 0;
}

/* ***
 * Lightbox Panel
 */
div#ltPanel {
	position: absolute;
	left: 15px;
	top: 30px;
	width: 130px;
	bottom: 10px;
	overflow: hidden;
}

/* ***
 * load Lightbox
 */
table.List {
	font-size: 10px;
	border-collapse: collapse;
}

table.List th {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	padding: 14px 8px 4px 8px;
}
	
table.List tr.even {
	background: #444444;
}
table.List tr.odd {
	background: #555555;
}

table.List td {
	padding: 4px 8px;
	border-bottom: 1px solid #353535;
	border-left: 1px solid #666666;
}

/* ***
 * file upload
 */
.file_input
{
	height: 16px;
	margin-right: 5px !important;
}
.file_input_div
{
	position: relative; 
	width: 100px; 
	height: 20px; 
	overflow: hidden;
	margin: 0 4px 0 0;
}
.file_input_button
{
	position: absolute; 
	top: 0px;

	padding: 2px 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #999999;
	color: white;
	background: #353535;
	height: 14px;
	width: 78px;
}
.file_input_hidden
{
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}