/* -----------------------------------------------------
/* RDN Style Sheet
/*
/* Author  	 : John Swekla
/* Version     	 : 1.4
/* Date Modified : 17-July-2007
/* ----------------------------------------------------- */ 

/* Background color and alignment for page*/
body {
	background-color: #EEEEEE;
	margin: 0px;
}


/* All text*/
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

/* style for module titles */
.Head   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #484848; /*#0A5DC3;*/
	font-weight: bolder;
}

/* Headers and titles*/
.h1 {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: bolder;
}
.h2 {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

/* standard table 900 pixels wide*/
.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	border: 0px;
	padding: 0px;
	text-align: left;
	width: 900px;
}


/* fixed width column used for labels */
.column1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	width: 145px;
	text-align: left;
	padding-right: 5px;
}


/* standard column without a width on forms*/
.columngeneral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	text-align: left;
}

/* right-aligned column for search actions*/
.columnright {
	line-height: 16px;
	/*text-align: right;
	width:5px;*/
	padding-left: 10px;
	white-space: nowrap;
	/*width : 100px;*/
	/*padding-right: 2px;*/
}


/* Customer Select Component */
.custselect {
	font-size: 12px;
	line-height: 20px;
	border-bottom: 2px solid #DDDDFF;
	background-color: #daf8e9; /*#ccf5e0; */
	padding-left: 2px;
	padding-right: 4px;
	width: 900px;
	white-space: nowrap;
}


/* text field for user input*/
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
	width: 450px;
	padding-right: 4px;
}

/* text field that sizes to the column width */
.textfield2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
	width: 99%;
}

/* text field for user input*/
.textfieldshort {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
	width: 175px;
	/*padding-right: 4px;*/
}
.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
	width: 100%;
}

.dropdown2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
	width: 387px;
}


/* style for seperator in body text*/
.bodyseparator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #AAAAAA;
	padding-left: 2px;
	padding-right: 4px;
}

.SelectDisplays {
	border-top: 1px solid #DDDDFF;
	background-color : #FFFFF0;
	overflow : hidden;
}

/*---------------------------------------------------- */
/* Collapsable Panel */
/*---------------------------------------------------- */
/* This is the header part of a collapsable panel that is always visible */
.cpHeader {
	border-bottom : 1px solid #DDDDFF;
	padding-bottom : 1px;
	width: 900px;
}

/* This is the panel that collapses and expands */
.cpPanel {
	padding: 0px 0px 2px 0px;
	width: 900px;
	background-color : #FFFFE0;
	overflow: hidden;
	border-bottom : 1px solid #DDDDFF;
}
/* This is the panel that collapses and expands */
.cpPanel2 {
	padding: 5px 0px 5px 0px;
	width: 900px;
	background-color : #FCFFFC;
	overflow: hidden;
	border-bottom : 1px solid #DDDDFF;
	border-top : 1px solid #DDDDFF;
}
/* Labels that are used to expand and collapse */
.cpLabel {
	color : #0A5DC3;
	cursor: hand;
	/*font-weight: bolder;*/
	white-space: nowrap;
}
.cpLabel:hover {
	text-decoration : underline;
}

/* Review Status Conditions */
/* NOTE:  These Classes are requested programatically.  DON'T rename them! */
.rsRejected 
{
	color : Red;
	font-weight: bolder;
}
.rsReady 
{
	color : Red;
	font-weight: bolder;
}
.rsApproved
{
	color : Green;
}
.rsDraft
{
	color : Red;
	font-weight: bolder;
}
.rsInactive
{
	color : Gray;
}

.Warning
{
	color: Red;
}

/* style for help*/
.helptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}


/* footer text (example "toll free number, terms, privacy, copyright") */
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}

/* style for seperator in footer text */
.footerseparator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #999999;
}

/* style for unvisted footer Links */
A.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #0A5DC3;
	text-decoration: none;
}

/* style for visted footer Links */
A.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #0A5DC3;
	text-decoration: none;
}

/* style for active footer Links */
A.footer:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #0A5DC3;
}

/* style for hover footer Links */
A.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #0A5DC3;
	text-decoration: underline;
}


.readonly
{		
	border-style:none;
	border-color:White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	font-weight: bolder;
	background-color: transparent;
	white-space: nowrap;
	padding-right: 4px;
	width : 100%;
}


.readonly2
{
	border-style:none;
	border-color:White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	background-color: transparent;
	white-space: nowrap;
	width : 100%
}

/* style for forms checkbox*/
.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin-left: -4px;
	width: 20px;
}

.nowrap
{
	white-space: nowrap;
}

/* style for RDN Alerts and apears in the top banner (example "Rise Display Network is temporarily unavailable please try back later.") */
.rdnalert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ff0000;
	font-weight: bolder;
	font-style: oblique;
	background-color: #EEEEEE;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* style used for RDN warnings example: "Please fill in required fields." */
.rdnwarning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ff0000;
	font-weight: bold;
}

/* style for unvisted Links */
A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0A5DC3;
	text-decoration: none;
}

/* style for visted Links */
A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0A5DC3;
	text-decoration: none;
}

/* style for active Links */
A:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0A5DC3;
}

/* style for hover Links */
A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0A5DC3;
	text-decoration: underline;
}


/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0A5DC3;
	text-decoration: none;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:hover    {
	text-decoration: underline;
}

/* navigation top level items */
.RootMenuItems			{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
	height:27;
	background-image: url(innertab.gif);
}

/* navigation top level items active*/
.RootMenuItemActive			{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
	height:27;
	background-image: url(activetab.gif);
}

/* navigation top level items hover */
.RootMenuItemHover			{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-decoration: underline;
	height:27;
	background-image: url(activetab.gif);
}

/* navigation top level items select */
.RootMenuItemSelect			{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
	height:27;
	background-image: url(activetab.gif);
}

/* affects the menu table seperator */
.MenuBreak					{
    border: none;
}

/* affects the menu arrow that shows sub menu options */
.RootArrow					{
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 1px;
	visibility: hidden;
}

/* affects the menu arrow that shows sub menu options */
.rightarrow					{
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	visibility: hidden;
}

.grid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

.gridalternaterow {
	background-color: #E6EEF9;
	white-space: nowrap;
}

.griditem {
    padding-right: 10px;
    white-space: nowrap;
}

.griditemheader {
    border-bottom: 1px solid #999999;
	white-space: nowrap;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0A5DC3;
	text-decoration: none;
}

.griditemfooter {
    border-top: 1px solid #999999;
    line-height: 0px;
}
.gridemptydata 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	text-decoration: blink;
	color: #999999;
	
}

.grid span {
    font-size: 12px;
    line-height: 16px;
	font-weight: bolder;
}

/* Affects image buttons (activated by mouseover) */
.skinnedButton
{
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	font:normal 11px Tahoma;
}

.skinnedButtonOver
{
	border-bottom: 1px solid #787878;
	border-top: 1px solid #cecece;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	font:normal 11px Tahoma;
	white-space:nowrap;
	cursor:default;
}

/* Affects tables (puts border around it and creates padding for the top) */
table.skinnedTable
{
	border-bottom: 1px solid #787878;
	border-top: 1px solid #cecece;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	white-space:nowrap;
	cursor:default;
	margin-top:10px;
}
td.skinnedTable
{
	padding-left: 5px;
}
p.skinnedTable
{
	color: #656565;
}
.text
{
	line-height: 18px;
	margin: 0px 0px 8px 0px;
}

/*Reorder List*/
.reorderList 
{
	vertical-align: top;
	margin-top:0px;
	line-height:24px;
}



	
.reorderList li table tr td div
{
	height:100%;
}

.reorderList ul 
{
	line-height:24px;
}
.reorderList li a {}

ul
{
	margin:0;
	padding:0;
	border:none;
	line-height:24px;
}
li
{
	margin:0px;
	padding:1px;
	border:none;
	width:100%;
	line-height:24px;
	height:24px;
}


.dragHandle {
	line-height:24px;
	margin-left:4px;
	cursor:move;
	
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	
	line-height:24px;
	color:Black;
}

.reorderCue 
{
	line-height:24px;
	border:dashed thin black;
	width:100%;
	line-height:24px;
	VERTICAL-ALIGN: middle;
}

.itemArea 
{
	line-height:24px;
	width:100%;
}

div.fillgradient 
{
	height:24px;
	background-image: url(BlueGrad.gif);
	background-repeat:repeat-x;
	border: thin 1px black;
}
div.roundedlefttop 
{
	height:24px;
  background: url(tl1.gif) no-repeat top left;
}
div.roundedleftbottom 
{
	height:24px;
  background: transparent url(bl1.gif) no-repeat bottom left;
}

div.roundedrighttop 
{
	height:24px;
  background: url(tr1.gif) no-repeat top right;
}
div.roundedrightbottom 
{
	height:24px;
  background: transparent url(br1.gif) no-repeat bottom right;
}




/*Modal Popup Extender  */
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:755px;
}

.modalPopupDuration {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}

.modalPopupMediaFileSelect {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:580px;
}


.modalBackground {
	background-color:WhiteSmoke;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Disclaimer text on Media Library */
.disclaimer {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	border: 0px;
	padding: 0px;
	text-align: left;*/
	width: 900px;
}

.header
{
	font-size: 12px;
	font-weight: bolder;		
	color: #000000;
	background-color: #B9D3EE;
	padding: 2px;
	line-height: 20px;	
	white-space: nowrap;
}

.selectedHeader
{
	font-size: 12px;
	font-weight: bolder;		
	color: #000000;
	background-color: #CCCCCC;
	padding: 2px;
	line-height: 20px;	
	white-space: nowrap;
}

/* Multiple selection items styling */
.itemsList
{
	border-collapse: collapse;	
	border: 1px solid;
}

.itemThumbnail 
{
	text-align: center;
}

.availableItemsContainer
{
	width: 580px;
	vertical-align: top;
}

.availableItems
{
	vertical-align: middle;
}

.availableItems li
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 160px;
	line-height: 16px;
	height: 16px;
}

.itemsSeparator
{
	width: 30px;	
}

.selectedItemsContainer
{
	width: 290px;
	vertical-align: top;
}

.selectedItems
{
	vertical-align: middle;	
}

.selectedItems li
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 160px;
	line-height: 16px;
	height: 16px;
}

.selectedItemsWide
{
	vertical-align: middle;	
}

.selectedItemsWide li
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
	line-height: 16px;
	height: 16px;
}

.clearList 
{
	text-align: right;
	padding-right: 20px;
}

/* Login page */
.title
{
	font-weight: bold;	
	font-size: 16px;	
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Tree View */
.tree td div
{
	height: 20px !important	
}
