@charset "utf-8";
/* CSS Document */

body {
	background: #373f42;
	color: #949494; 
	font-szie: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
}

a {
	/*color: #f19d2d;*/
	color: #FFF;
	text-decoration: none;
}

h3 {
	color: #FFF;
}
h4 {
	color: #FFF;
}

h5 {
	color: #FFF;
}

.Clear {
	clear: both;
}

/* Top Elements */
.Header {
	position: relative;
	padding: 10px 20px;
}
.Header h1 a {
	color: #f19d2d;
}

.Header .NavMain {
	position: absolute;
	right: 250px;
	top: 0;
	background: url(../img/topnav-middle.gif) repeat-x;
	/*background: url(../img/sia/nav-holder.gif) no-repeat;
	width: 160px;
	height: 65px;*/
}

.Header .NavMain .Left,
.Header .NavMain .Right,
.Header .NavMain .Mid {
	float: left;
}
.Header .NavMain .Mid {
	padding: 0 10px 0 10px;
	position: relative;
}
.Header .NavMain .Mid ul {
	padding: 0;
	margin: 32px 0 0 0;
}
.Header .NavMain .Mid ul a {
	color: #a09fa4;
}
.Header .NavMain .Mid ul a:hover {
	color : #cccccc
}
.Header .NavMain .Mid ul li img {
	vertical-align: baseline;
}
.Header .NavMain .Mid .First {
	padding-left: 0;
	background: none;
}
.Header .Search {
	position: absolute;
	z-index: 10;
	width: 260px;
	top: 70px;
	left: 0px;
	background: #2a3137;
	box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.Header .Search .Top {
	padding: 7px 10px;
	background: #2a3137;
	display: block;
}

.Header .Search .Mid {
	padding: 7px 10px;
	background: #4b5054;
	display: block;
	width: 240px;
}

.Header .Search .Btm {
	padding: 5px 10px;
	background: #2a3137;
	text-align: right;
	display: block;
	font-size: 11px;
}

.Header .Search .Text {
	height: 20px;
    margin-bottom: 0;
    padding: 0;
	width: 190px;
	margin-right: 5px;
}

.Header .Search .RadioDiv {
	padding-bottom: 5px;
}

.Header .Search .RadioDivLast {
	padding-bottom: 0;
}

.Header .Search .Radio {
	padding: 0;
	margin: 0 5px 0 0;
}

.Header .Account {
	position: absolute;
	z-index: 10;
	top: 70px;
	left: -15px;
	background: #666;
	width: 130px;
	box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.Header .Account .AccountItem {
	background: url(../img/header-dropdown-bkg.gif) repeat-x #293137;
	padding: 5px 10px;
}

.Header .NavUser {
	position: absolute;
	right: 25px;
	top: 20px;
}

.Header ul {
	list-style: none;
}

.Header ul li {
	list-style: none;
	float: left;
	padding: 0 8px;
	background: url(../img/topnav-div.gif) no-repeat bottom left;
}

/* Content */
.Content {
	clear: both;
	position: relative;
}

.BreadCrumbs {
	padding-bottom: 10px
}

/* GENERAL */
.KeyValue .Key {
	width: 20%;
	font-weight: bold;
	vertical-align: top;
	padding-top: 10px;
}

.KeyValue .Value input.Text,
.KeyValue .Value textarea {
	width: 99%;
}

.KeyValue .Value {
	width: 80%;
	padding-top: 10px;
	color: #FFF;
}


/* Folder Elements */
.Folder {
	float: left;
	margin: 10px;
	width: 125px;
}
.Folder .Image {
	text-align: center;
	margin-bottom: 8px;
	position: relative;
}
.Folder .Image img {
	-moz-box-shadow: 3px 3px 5px #666666;
	-moz-border-radius: 15px;
	-webkit-box-shadow: 3px 3px 5px #666666;
	-webkit-border-radius: 15px;
	box-shadow: 3px 3px 5px #666666;
	border-radius: 15px;
}

.Folder .Name {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

/* Botttom Elements */
.Tab {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 10px 10px 0 0;
}

.Footer {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 8px 10px;
	width: 100%;
	background: #21282e;
	z-index: 100;
}

.Footer .Dam {
	color: #FFF
}

.Footer div {
	float: left;
	color: #FFF;
}

.Footer div.WIN {
	padding-right: 25px;
	padding-top: 2px;
	color: #dedede;
	padding-left: 14px;
}
.Footer .FooterNav {
	float: right;
	padding-right: 15px;
}
.Footer a {
	color: #dedede;
}
.Footer .FooterNav ul li {
	float: left; 
	margin-right: 35px;
	color: #dedede;
	font-weight: bold;
	background: #343d42;
	padding: 3px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.Footer .FooterNav ul a { 
	color: #dedede;
}

.Footer .FooterNav ul li:hover {
	background: #575c60;
}




/*** Other Page Elements ***/

.Content {
	width: 1000px;
	margin: 10px auto;
}

.AdminControls {
	float: right;
}
.AdminControls ul {
	margin: 0px;
}
.AdminControls ul li{
	float: left;
	margin: 5px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #21282E;
	padding: 5px 15px;
}

.Assets {
	margin: 15px 0;
	clear: both;
}
.AssetTable {
	width: 990px;
}

.AssetTable th {
	text-align: left;
	background: #222b30;
	padding: 10px;
	position: relative;
}

.AssetTable th div.Sort {
	position: absolute;
	top: -6px;
	right: 5px;
}

.AssetTable th div.Sort .Up,
.AssetTable th div.Sort .Down {
	height: 10px;
}

.AssetTable th div.Sort .Down {
	height: 5px;
}

.Rel {
	position: relative;
}

.AssetTable tr.Even td {
	background: #575c60;
	color: #FFF;
}

.AssetTable tr.Odd td {
	background: #222b30;
	color: #FFF;
}

.AssetTable tr td {
	padding: 0 3px;
}

.Folders {
	margin: 15px 0;
	clear: both;
}

ul.FolderList {
	list-style: none;
	margin: 0;
}

ul.FolderList li {
	float: left;
	margin: 10px 20px 10px 0;
	width: 100px;
	height: 150px;
	text-align: center;
}

ul.FolderList li .Image {
	position: relative;
}

ul.FolderList li .Image .FolderArrow {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

ul.FolderList li .Image .FolderControls {
	position: absolute;
	top: 30px;
	right: 0;
	display: none;
}


.FoldersIndex {
	margin: 15px 0;
	clear: both;
}

.FoldersIndex .Name {
	padding: 5px 0 15px;
	font-weight: bold;
	text-align: center;
}

ul.FolderListIndex {
	list-style: none;
	margin: 0;
	padding: 0px;
}

ul.FolderListIndex li {
	float: left;
	margin: 10px 25px 10px 0;
	width: 170px;
	text-align: center;
	list-style: none;
	padding: 0px;
}

ul.FolderListIndex ul.Subfolders {
	padding: 0;
	margin: 0;
}

ul.FolderListIndex ul.Subfolders li {
	float: none;
	text-align: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
}

ul.FolderListIndex ul.Subfolders li a {
	color: #CCC;
}


/** Asset Page **/
.Asset .AssetName {
	position: relative;
	padding-top: 10px;
}
.Asset .AssetName h1 {
	font-size: 20px;
	color: #FFF;
}

.Asset .AssetName .Back {
	position: absolute;
	right: 0px;
	top: 10px;
	
}
.Asset .AssetPreview {
	float: left;
	width: 450px;
	margin-top: 10px;
}

.Asset .AssetInfo {
	float: left;
	width: 550px;
	margin-top: 10px;
}

.Asset .AssetInfo .KeyValue {
	width: 500px;
}

.Asset .AssetInfo .KeyValue .Key {
	width: 20%;
	font-weight: bold;
	vertical-align: top;
	padding-top: 10px;
}

.Asset .AssetInfo .KeyValue .Value input.Text,
.Asset .AssetInfo .KeyValue .Value textarea {
	width: 99%;
}

.Asset .AssetInfo .KeyValue .Value {
	width: 80%;
	padding-top: 10px;
	color: #FFF;
}


.QuickLinks {
	margin-left: 30px;
	margin-top: 0px;
	z-index: 1000;
}

.QuickLinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.QuickLinks ul li {
	list-style: none;
	float: left;
	/*margin-right: 30px;*/
}

.QuickLinks ul li img {
	cursor: pointer;
}




/**** Status *****/
.Message {
	margin: 10px 0;
	color: #666;
}
.Message table {
	width: 100%;
	border-collapse: collapse;
}
.Message table td {
	padding: 5px;
	vertical-align: top;
}
.Message table td.Icon {
	padding: 0 !important;
	width: 45px;
}
.Message table td.Text {
	background-color: white;
	text-align: left;
	padding-left: 10px;
}
.Message table td.Text p {
	margin-top: 0;
}
.Message table td.Icon img {
	margin: 5px !important;
}
.Message .StatusSuccess table td {
	border: 1px solid #669a66;
}
.Message .StatusSuccess table td.Icon {
	background-color: #669a66;
}
.Message .StatusSuccess table td.Icon img {
	/*background: url(/img/6/message-icon-success.gif);*/
	background-repeat: no-repeat;
}


.Message .StatusFail table td {
	border: 1px solid #9d4345;
}
.Message .StatusFail table td.Icon {
	background-color: #9d4345;
}
.Message .StatusFail table td.Icon img {
	/*background: url(/img/6/message-icon-error.gif);*/
	background-repeat: no-repeat;
}

.Message .Notice table td {
	border: 1px solid #daab51;
}
.Message .Notice table td.Icon {
	background-color: #daab51;
}
.Message .Notice table td.Icon img {
	/*background: url(/img/6/message-icon-notice.gif);*/
	background-repeat: no-repeat;
}


/******/
.Icon {
	border: 0px;
	vertical-align: middle;
}


/*******/
.Login {
	position: absolute;
	top: 0px;
	right: 150px;
	width: 350px;
	border-left: 1px solid #777e7f;
	border-right: 1px solid #777e7f;
	background: url(../img/bkg-login-trans.png);
}

#LoginArea {
	padding: 20px 35px;
	position: absolute;
}

.Login .LogoSIA {
	padding-bottom: 5px;
}

.Login .LogoWIN {
	padding-bottom: 25px;
}

.Login input.Text {
	color: #666;
	width: 250px;
}
.Login .Error {
	color:#ff4828;
	padding-top: 25px;
	font-size: 11px;
}

.Login .Error img {
	padding-right: 5px;
	vertical-align: middle;
	padding-bottom: 2px;
}

.Login .ForgotPassword a {
	font-size: 11px;
	color:#CCC;
}

.Login .LoginButton {
	padding-top: 20px;
}


/*** Password ***/
.PasswordChange {
	width: 500px;
	margin: 0 auto;
}

.PasswordChange input.Text {
	width: 200px;
}

/*** Breadcrumbs ***/
.BreadCrumbs a {
	color: #FFF;
}
/*** Carousel ***/
.Carousel {
	position: fixed;
	bottom: 75px;
	height: 165px;
	background: url(../img/bkg-carousel.jpg) repeat-x #30373d;
	width: 100%;
	
	border-top: 3px solid #8b8f92;
	border-bottom: 3px solid #8b8f92;
	
	-moz-box-shadow: 0 5px 5px black;
	-webkit-box-shadow: 0 10px 5px black;
    box-shadow: 0 5px 5px black;
	overflow: hidden;
}
.Carousel .CarouselHolder {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0px;
	position: relative;
}

.Carousel .CarouselHolder .Close {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 11px;
	color: #CCC;
}

.Carousel h4 {
	color: #FFF;
	font-size: 12px;
	padding-bottom: 5px;
}
.Carousel ul {
	list-style: none;
	margin: 0px;
}

.Carousel ul li {
	list-style: none;
	float: left;
	max-width: 75px;
	width: 75px;
	font-size: 11px;
	margin-right: 40px;
}

.Carousel ul li .ImgHolder {
	width: 75px;
	height: 75px;
	text-align: center;
	/*background:#666;*/
	/*border: 1px solid #FFF;*/
	overflow: hidden;
}
.Carousel ul li .TextHolder {
	text-align: center;
	padding-top: 5px;
	height: 42px;
	overflow: hidden;
}
.Carousel ul li img {
	/*min-height: 75px;
	min-width: 75px;
	
	max-height: 100px;
	max-width: 100px;*/
}

#OpenCarousel {
	width: 50px;
	display: none;
	border-right: 3px solid #8b8f92;
}

.Pagination {
	background: #51595e;
	padding: 3px 3px;
	color: #CCC;
}
.Pagination .Pages {
	padding: 5px 5px;
}
.Pagination .Pages a {
	background: #848d91;
	padding: 3px 5px;
	margin-right: 5px;
	border: 1px solid #61676b;
	font-weight: bold;
	color: #333;
}

.Pagination .Pages a.Current {
	background: #383f43;
	color: #CCC;
}


.AssetControl {
	position: relative;
	margin-top: 10px;
	font-size: 11px;
	margin-bottom: 10px;
}

.AssetControl .AssetControlLink {
	border: 1px solid #333;
	padding: 3px 7px;
	width: 140px;
	cursor: pointer;
}

.Odd .AssetControl .AssetControlLink {
	border: 1px solid #666;
}

.AssetControl .AssetControlLink img {
	vertical-align: middle;
	padding-left: 50px;
}

.AssetControl .AssetControlHolder {
	position: absolute;
	top: 22px;
	left : 0;
	display: none;
	box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
}

.AssetControl .AssetControlHolder .AssetItem {
	background: url(../img/header-dropdown-bkg.gif) repeat-x #293137;
	padding: 3px 7px;
	width: 140px;
}


/*  Reflection */
.image-block { width:400px; margin:0px 10px; float:left; display: block; }
.reflection { position:relative; height: 120px; width:400px; overflow: hidden; margin-top: -2px; }
.reflection img {
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
    filter: flipv; opacity:0.25;
    filter: alpha(opacity='25');
}
 .overlay {position:absolute; top:0px; left:0px; width:400px; height:200px; 
	background-image: -moz-linear-gradient(center bottom, #373f42 60%, rgba(55,63,66,0) 75%);
	background-image: 	-o-linear-gradient(rgba(55,63,66,0) 25%, #373f42 40%);
	background-image:     -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #373f42), color-stop(0.75, rgba(55,63,66,0)));
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#373f42);
}