$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: #033679;
	color: #ffffff;
}
.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: #033679;
	color: #ffffff;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

.rlCollapseHeader
{
}

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

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

.HeaderForeColor
{
	color: #ffffff;
}

.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
{
	/*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 #000000 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: #7c55ae;
	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;*/
	color: #000000;
	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: #e9e9e9;
}
.tdborder1
{
	border: solid 1px #000000;
}

.tdDFL
{
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
}
.tdDS
{
	border-right: solid 1px #000000; /* border-bottom: solid 1px #7c55ae;*/
}
.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;
}

/*For Tabs*/

/*End of For Tabs*/

.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 - 27.03.09 by Sujina*/
div.rlCollapseHeader
{
	/*Adjustment for firefox, and fix for IE*/
	margin-right: 0px; #margin-right:0px;/*2px*/
}