$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;
}





.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, .rlCollapseHeader
{
	/*background-image: url(images/headerBar.jpg);
	background-repeat: repeat-x;
	background-color: $outlineColor;
	background-color: #B4B9BF;*/
	background:#7fb4b2 ;
	background-position: right top;
	border: #223FA5 solid 1px;
	/*border: $outlineColor solid 1px;*/
	/*border-left: solid $outlineColor 1px;*/
	padding: 3px;
	margin-top: 10px;
	font-weight: bold;
	/*color: $headerTextColor;*/
	color:white;
}

.SingleColumn .rlItemHeader
{
	background:#7fb4b2 ;
	color:White;
}

.rlCollapseHeader
{
}

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

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

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



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

div.rlCollapseHeader
{
	/*Adjustment for firefox, and fix for IE*/
	margin-right:2px;
	#margin-right:0px;
}

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;
}

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

 .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%;
}


.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.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;
}

.Help
{
	width: 305px;
	height: 400px;
	overflow: auto;
	background-color: #FFFACD;
	color: #666666;
	border: solid 1px Black;
	padding: 5px 5px 5px 5px;
}

/* 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:550px;
	overflow:auto ;
	
}
.rlModalPopupBackgroundAddNewLibrary
 {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:660px;
	height:395px;
	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:105px;
	overflow:auto;
	
}
.rlModalPopupBackgroundsmall /*to change*/ 
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
	height:165px;
	overflow:auto;
	
}
.rlModalPopupBackgroundForComment /*to change*/ 
 {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:525px;
	height:185px;
	overflow:auto;
	
}
.rlModalPopupBackgroundForEmail /*to change*/ 
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
	height:390px;
	overflow:auto;
	
}
.rlModalPopupBackgroundMedium /*to change*/ 
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:630px;
	height:190px;
	overflow:auto;
	
}
.rlUrlModalPopupBackground 
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:360px;
	height:140px;
	overflow:auto;
	
}

.rlModalPopupBackgroundMoveDocument
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
	height:210px;
	overflow:auto;
}

.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 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;*/
}



.SubHeader
{
	/*background-image: url("images/Gh.gif" );*/
	background-color: #DCF0FF;
	height: 30px;
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}


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


/* Styles for positioning varius options available in Document Viewer - Added for easy maintenace in different sites*/



.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:#c8e0df;
}
.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;
}
.documentDescription
{
	vertical-align:top;
	width:auto;
	padding: 3px;
	padding-top:0px;
}


.WhiteBackground
{
background-color:White;	
}


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


.watermarker
{
	color:Gray;
}
.rlHr
{
	color:Black;
	height:1px;
	background-color:Black;
	border:sold 1px Black;
}
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;
 }


.modalBackground
{
	background-color : White;
	filter : alpha(opacity=10);
	opacity : 0.7;
}
/* Newly  Added New class Apr 1 and modified 27/05/09/ */ 
.ContentUserControl
{

	width:100%;
}