/* Standard Styles */

.BlueLine {
   border-bottom: #1d355a 2px solid;
}
.GrayLine {
   border-bottom: #cccccc 2px solid;
}
#BlueTitleFonts a:link{color:#1d355a; font-weight:bold; }
#BlueTitleFonts a:visited{color:#1d355a;font-weight:bold;}
#BlueTitleFonts a:hover{color:#1d355a;font-weight:bold; text-decoration:underline;}
#BlueTitleFonts a:active{color:#1d355a;font-weight:bold; text-decoration:underline;}

.header_bg {
    background-image: url(Images/header_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:96px;
}
.DetailHeader_bg {
    background-image: url(Images/fade.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:103px;
}
.header_title {
    color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.smallfont {
    color:#666666;
	font-size:9px;
}
.graybar {
	width: 100%;
	height:25px;
	background-image:url(Images/gray-bar.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.TitleDetailsView {
	color: #1d355a;
	font-weight: bold;
	font-size: 14px;
}
.FALabel2 {
	font-weight: normal;
	font-size: 12px;
	width: 100%;
}
.IntemIndexDetails {
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	width: 100%;
}

div.hr {
	margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #DEEEFE;
}

hr { color: #DEEEFE; border-style: solid; }

.articleTabpanel {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 20px;
	margin: 0px;
	background-color: #FFFFFF;
	float: none;
	border-left: 1px solid #919B9C;
	border-right: 1px solid #919B9C;
	border-bottom: 1px solid #919B9C;
	border-top: 1px solid #919B9C;
}

#tableRanking .Rank
{
	text-align: center;
	vertical-align: middle;
	color: #666666;
	font-weight:bold;
	font-size:16px;
	height: 48px;
	background:transparent;
}

.topfadbar {
    background-image: url(Images/SD_listview_04.gif);
	background-repeat: repeat-x;
	background-position:left top;
}

.AlignRight
{
	text-align: right;
	width: 50px;
}

.ReadOnly
{
	background: #f5f5f5;
	border: solid 1px #b1b1b1
}


.UploadedThumbnails
{
	list-style-type: none;
}

.UploadedThumbnails li
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    border: solid 1px #ccc;
}

.UploadedThumbnails li table tr td.image
{	
	padding: 6px 6px 3px 6px;
}

.UploadedThumbnails li table tr td.control
{	
	padding: 3px 6px 6px 6px;
}

.progressWrapper {
	width: 200px;
	overflow: hidden;
	float:left;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E6E6E6;
	background-color: #FFFFFF;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 48px;
	background: url(Images/pbar.gif);
	background-repeat:repeat-x;
	background-position:top;
	
	margin-top: 2px;
	text-align:left;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}




#organizer {
	font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#organizer li {
	cursor: move;
	position: relative;
	float: left;
	margin: 2px 2px 2px 2px;
	padding: 3px 4px 3px 4px;
	width: 100px;
	border: 1px solid #ccc;
	text-align: center;
	padding-top: 5px;
	background-color: #eeeeff;
	list-style-type: none;
}

.Section-Item-Alternate TD
{} 

.Section-Item TD
{
	background-color: #ffffcc;	
}



/*************************
******** Arrows **********
**************************/	
div.jMyCarousel .prev{
	background: url('Images/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}
div.jMyCarousel .next{
	background: url('Images/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}
div.jMyCarousel .up{
	background: url('Images/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('Images/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel ul li{
	border:0px solid #ffffff;
	line-height:0px;
	list-style-type:none;
	display: inline-block;
	overflow: hidden; 
	position: relative;
	height:125px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display: inline-block;
	border:0px;
	list-style-type:none;
	overflow: hidden; 
	position: relative;
}

div.jMyCarousel ul li a img{
	display: inline-block;
	border:0px;
	list-style-type:none;
	overflow: hidden; 
	position: relative;
}



/** slider **/


.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(Images/slider-handle.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(Images/slider-bg-1.png); }
.ui-slider-2 { background-image: url(Images/slider-bg-2.png); }

.loading {background: url(Images/indicator.gif) no-repeat center center;}

.accordion
{
	padding-left: 15px
}

.accordion dt
{
	cursor: pointer;
	display: block;
	margin-top: 0;
	text-decoration: none;
	font-size: 12px;
	clear: both;
	padding-left: 0px;
	padding-bottom: 10px;
}

.accordion dd
{
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 5px;
}

DIV.blockUI .fsUploadProgressWrapper, DIV.blockUI .progressWrapper
{
	text-align: left;
	width: 100%;
}