$altBack = #EAEDE3
$topBack = #E0E1DB

$outlineColor = #B4B9BF
$headerTextColor = white
$headerStatusColor =#EBEDF9

$headerLinkColor = #CCCCCC
$buttonColor = white
$buttonOutlineColor = #cc6633
$buttonBackgroundColor = #e1a500
$buttonHoverBackgroundColor = #cc6600
$buttonHoverColor = #f0e68c
$rightColor = #00315E

$rightBackgroundColor = #EBEDF9
$rightAltBackgroundColor = #E0E1DB
$lightColor = Gray

/* Star Rating */
.rlInlineRating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.rlRating,
.rlRating a:hover,
.rlRating a:active,
.rlRating a:focus,
.rlRating .rlRatingAverage,
.rlRating .rlRatingUser
{
	background: url(images/ResourceLibrary/starRate.gif) left -1000px repeat-x;
}
.rlRating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.rlRating li{
	display: inline;
}
.rlRating a,
.rlRating .rlRatingAverage,
.rlRating .rlRatingUser
{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.rlRating a:hover,
.rlRating a:active,
.rlRating a:focus{
	background-position: left -50px;
}
.rlRating .rlRatingAverage{
	z-index:1;
	background-position: left -25px;
}

.rlRating .rlRatingUser
{
	z-index:2;
	background-position: left bottom;
}

#DivRss span div
{
float:left;	
}

.rlTextBox
{
	width: 150px;
}

.rlTextArea
{
	width: 98%;
	height: 60px;
}

.ViewDetails
{

background-color: #9E1b34 ;
 color: White;

}
.rlFileUpLoad
{
width:300px;
}
.imgBorder
{
border:solid 1px Gray;
}

.normalFileUpload
{
	width:100%;
}

.rlButton
{
    font-size: 11px;
    color: #000000;    
    background-image: url("images/button.jpg" );
    background-repeat: no-repeat;
    text-align: center;
    border-width: 0px;
    width: 65px;
    height: 19px;
    cursor: hand;
}

.rlDataLabel
{
	font-weight: bold;
}

.rlInlineBlock
{
	/*
	display : -moz-inline-block;
	display : -moz-inline-box;
*/
	display:inline-block;
}


.rlItemHeader, .rlSectionHeader, .rlCollapseHeader
{
	background-color:#9E1b34 ;
color:White;
font-weight:bold;
padding-left:4px;
padding-right:4px;
margin-top:10px;
padding:3px;
}

.rlCollapseHeader
{
}

.rlCollapseHeader a 
{
	/*color: $headerTextColor;*/
	color:White;
}

.rlCollapseHeader a:hover 
{
	text-decoration:none;
	background:none;
}

.HeaderForeColor
{
color:White;	
}

.rlCollapse
{
	/*width:100%;
	background-color:white;*/
	/*overflow:hidden;*/
	-moz-outline-width : 100%;
color: White;
}

.rlBottom .rlSectionHeader
{
	/*background-image: url(images/headerBarGreen.jpg);*/
	/*background:#959695;*/
	/*background-color:#B8C1E2;*/
		background-color:#EEEEEE;
}

div.rlCollapseHeader div
{
	padding: 1px; 
	cursor: pointer; 
	vertical-align: middle;
}


div.rlCollapseHeader .rlHeaderTitle
{
	display:inline;
}

div.rlCollapseHeader .rlHeaderStatus
{
	display: none;
	/*color: $headerStatusColor;*/
	color:#EBEDF9;
	font-size: 80%;
	margin-left: 20px;
}

div.rlCollapseHeader .rlCollapseButton
{
	float:right;
	display:inline;
	vertical-align: middle;
}

.rlAlt
{
	/*background: $altBack;*/
	background:#EEEEEE;
}

.rlItem
{
	/*border: solid $outlineColor 1px;*/
	border: solid #858585 1px;
}

.rlSection, .rlCollapse
{
	/*border: solid $outlineColor 1px;*/
	border: solid #B4B9BF 1px;
	padding-bottom: 0px;
}

.rlSection .rlItem, .rlCollapse .rlItem
{
	border: none;
	/*border-bottom: solid $outlineColor 1px;*/
	border-bottom: solid #223FA5 1px;
	width: auto;

}

.rlTop
{
	/*border-bottom: solid $outlineColor 1px;*/
	border-bottom: solid #B4B9BF 1px;
	padding: 3px;
	/*background: $topBack;*/
	background: #EBEDF9;
}
.rlTop a
{
	color:White;
}

.rlMiddle
{
	padding: 3px;
}


.rlBottom
{
	padding: 3px;
	font-weight: bold;
	font-size: 90%;
}

.rlLeft, .rlCenter, .rlRight
{
	/* The min-height must be tall enough to enclose anything in the floating div */
	min-height: 100px;
	/* Min-height CSS hack for IE 6*/
	height: auto !important; 
	height: 100px;
}
.borderforlistbrief
{
	border-left:none;
	border-bottom:none;
	border-right:none;
	border-top:none;
}

table.rlColumns
{
	width:100%;
	border-bottom:none;
	border-right:none;
}

.rlMiddle table.rlColumns
{
	width:98%;
}

td.rlLeft
{
	vertical-align:top;
	/*border-left: solid $outlineColor 1px;*/
	border-left: solid #B4B9BF 1px;
	padding: 3px;
	width: 19%;
}

td.rlCenter
{
	vertical-align:top;
	width:auto;
	padding: 3px;
	padding-top:0px;
}

td.rlRight
{
	text-align: center;
	vertical-align:top;
	/*border-left: solid $rightAltBackgroundColor 1px;border-left: solid  #E0E1DB 1px;*/
	padding: 3px;
	width: 17%;
	font-weight:bold;
	font-size: 95%;
	/*color: $rightColor;*/
	color:#000000;
	background-color:  #f2f6ff;
	
}

td.rlRight .rlAlt
{
	/*background-color: $rightAltBackgroundColor;*/
	background-color:  #EEEEEE;
}

td.rlRight .rlBottom
{
	text-align:center;
}

tr.rlBottom
{
	font-weight: normal;
	/*color: $lightColor;*/
	color:Gray;
}

div#rlToggleButton div
{
	display:inline;
	/*Adjustment for firefox, and fix for IE*/
	top:-16px;
	#top:0px;
}

#rlDocumentListDetails.rlItem
{
	border:none;
	/*border-bottom: dashed 1px $outlineColor;*/
	/*border-bottom: dashed 1px #B4B9BF;*/
	border-bottom-style:solid ;
	border-bottom-color:#858585;
	padding:0px;
}

/* Styles for modal pop up */


.rlModalBackground {
	background-color:White;
	filter:alpha(opacity=10);
	opacity:0.7;
}
.rlModalPopupBackground {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:810px;
	height:450px;
	overflow:auto ;
	
}

.rlModalPopupBackgroundAddNewLibrary
 {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:700px;
	height:395px;
	overflow:auto ;
	
}
.rlModalPopupBackgroundsmall {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:490px;
	height:165px;
	overflow:auto;
	
}
.rlModalPopupBackgroundsmallForHelp {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:355px;
	height:172px;
	overflow:auto;
	
}
.rlModalPopupBackgroundForAddFile {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
	height:auto;
	overflow:auto;
	
}
.rlModalPopupBackgroundsmallForEditUrl {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
	height:160px;
	overflow:auto;
	
}

.rlModalPopupBackgroundMedium {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:490px;
	height:230px;
	overflow:auto;
	
}
.rlUrlModalPopupBackground {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:360px;
	height:140px;
	overflow:auto;
	
}
.rlModalPopupBackgroundForComment
 {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:520px;
	height:210px;
	overflow:auto;
	
}
.rlModalPopupBackgroundForEmail {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:540px;
	height:410px;
	overflow:auto;
	
}

.rlModalPopupBackgroundMoveDocument
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
	height:210px;
	overflow:auto;
}
/* Style for tab on top of page */
.selectedtab
{
	/*background-image:url(images/SelectedTab.jpg);*/
	background:#003CA5;
	width:150px;
	/*font-family: Verdana;*/
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border-width: 0px;
	border-color: #000000;
	cursor:hand;
}
.deselectedtab
{
	background:#EFF3F7;
	width:150px;
    font-size: 13px;
    color: #0053A3;
    font-weight: bold;
    text-decoration: none;
    border-width: 0px;
	border-color: #000000;
	cursor:hand;
}
.rlMessage
{
    font-size: 11px;
    color: #FF0000;
    font-weight: normal;
}
.rlMediumTxtbox
{
	/*border:solid 1px $outlineColor;*/
	border:solid 1px #B4B9BF;
    width: 223px;            
    font-weight: normal;
}
/* Style for link to display in bold */
.rlLinkBold,.rlLinkBold:hover
{
   /* font-family: Verdana;*/
    font-size: 11px;
    color: #9A3200;
    font-weight: bold;
}
/* Style for Document File Name in Document File list brief */
.rlFileNameColor,.rlFileNameColor:hover
{
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
}
.rlFileName,.rlFileName:hover
{
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

.rlSubLabel
{
    font-size: 11px;
    color: Gray;
    font-weight: bold;
}
.rlSectionBackground
{
	background-color: #ebedf9;
	/*height:26px;*/
}

.rltagBulider
{
	padding-left:5px;
	padding-right:2px;
	padding-bottom:5px;
	padding-top:5px;
	z-index:1000;
}

.rlScore,.rlScore:hover
{
    /*font-size: 11px;*/
    color:  #b21d1d;
    font-weight: bold;
}


/* Styles for positioning varius options available in Document Viewer  above*/

.rlDate
{
	white-space:nowrap;
}
.labelappove
{
	 color:Black; 
}
.lblrating
{
	color:#3e7eff;
	font-size:11px;
	font-weight:bold;
}
.lblratingBig
{
	color:#3e7eff;
	font-size:13px;
	font-weight:bold;
}
.head
{	
	background:#F2F6FF;
	background-position: right top;	
	padding: 3px;
	margin-top: 10px;
	font-weight: bold;
	/*color: $headerTextColor;*/
	color:Black;
}

.trbgcolor
{
	background-color:#bfcdee;
}
.tdborder1
{
border: solid 1px #858585;
}

.tdDFL
{
border-bottom: solid 1px #858585;
 border-top: solid 1px #858585;
  border-right: solid 1px #858585;
}
.tdDS
{
	border-right: solid 1px #858585;
	/* border-bottom: solid 1px #858585;*/
}
.lblstyle
{
	font-size:11px;
	font-weight :bold;
}
.imgTD
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.WhiteBackground
{
background-color:White;	
}

 .lblRating
{
	font-size: 9pt;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}

.watermarker
{
	color:Gray;
}

hr
{
	height:1px;
}

.Heading
{
	background-image:url("images/ResourceLibrary/strip.gif");
	background-repeat:repeat-x;
	height:31px;
	color:White;
	/*font-family:Verdana;*/
	font-size:11px;
	font-weight:bold;
} 



.lblStyle
{
	color :#cc3300;
	font-size:139%;
	text-decoration: none;
}


#MPContentArea .rlColumns Table tr td
{
padding:0px 3px 0px 3px;
} 

.CreativeCommonsCss
 {
   border:black 1px solid;	
   padding: 5px;
   text-align:center;
   margin:5px;
 }
/*Modification to the existing class - 21.04.09 by Sujina*/
div.rlCollapseHeader
{
	/*Adjustment for firefox, and fix for IE*/
	margin-right:0px;
	#margin-right:0px;/*2px*/
}