﻿/*ALL PAGES*/
.required 
{
	font-weight:bold;
	color:#FF9A00;
}
.error 
{
	color:#F00;
}

/*ADMIN HOME*/
/*container for the admin content area*/
#vscms-content-area
{
	width:960px;
	margin: 0 auto;
	padding:10px;
}

#vscms-title-bar
{
	border-bottom:dashed 1px #000000;
	display:block;
	height:35px;
	padding-top:10px;
}

#vscms-title-bar ul
{
	margin:0px;
}

#vscms-title-bar li
{
	float:left;
	display:inline;
	padding:0px;
	margin-right:20px;
}

#vscms-company-name
{
	width:600px;
}


/* Main admin dashboard styles */
.vscms-dashboard-container
{
	border:1px solid #666666;
	margin-top:10px;
	width:940px;
}

.vscms-dashboard-header
{
	background:#666666;
	color:#ffffff;
	font-weight:bold;
	line-height:20px;
	height:30px;
}

.vscms-dashboard-header ul
{
	margin-left:0px;
}

.vscms-dashboard-header li
{
	float:left;
	display:inline;
	padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
	vertical-align:middle;
}

.vscms-dashboard-header-title
{
	background:url(../../Image/icon-folder.png) no-repeat;
	width:714px;
	display:block;
	margin-left:10px;
	padding-left:25px;
}

.vscms-dashboard-header-date-label
{
	border-left:1px #cccccc dotted;
}


.vscms-dashboard
{
	
}

.vscms-dashboard table
{
	width:100%;
}
						
.vscms-dashboard ul
{
	border-top:1px dotted #cccccc;
	border-bottom:1px solid #cccccc;
	list-style-type:none;
	height: 54px;
	margin:0px;
}
										
.vscms-dashboard li
{
	float:left;
	padding:5px;
	border-right:1px dotted #cccccc;
	line-height:45px;
	height:45px;
	text-align:center;
	font-size:14px;
}

.vscms-dashboard-first
{
	width:323px !important;
	text-align:left !important;
	margin-left:20px !important;
}

.vscms-dashboard-second
{
	width:63px !important;
}

.vscms-dashboard-third
{
	width:61px !important;
}

.vscms-dashboard-last
{
	border-right:none !important;
	text-align:left !important;
	width:154px !important;
}








/*UPDATE MENU*/

#vscms-um-main-container
{
	border: #666666 1px solid;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	font-size:0.7em;
}

.vscms-um-container
{
	float:left;
	width:100%;
	position:relative;
	margin:0px;
	padding:0px;
}

#vscms-um-left-container 
{
	background:#ffffff;
    right:40%;
	border-right:1px #cccccc dotted;
	margin:0px;
	padding:0px;
}
#vscms-um-middle-container  
{
    background:#eeeeee;
    right:30%;
	width:959px;
	border-right:1px #cccccc dotted;
}
#vscms-um-right-container 
{
	width:958px;
    overflow:hidden;
}


.vscms-um-column
{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
    left:671px;
	position:relative;
}

#vscms-um-left-column 
{
    width:287px;
}
#vscms-um-middle-column 
{
    width:385px;
    overflow:hidden;
}

#vscms-um-right-column 
{
    width:287px;
    overflow:hidden;
}


#vscms-um-middle-column ol
{
	padding-left:30px;
}

#vscms-um-middle-column li
{
	padding-bottom:10px;
}


.vscms-um-column-header
{
	background:#666666;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:29px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}

#vscms-um-column-header-left
{
}

#vscms-um-column-header-middle
{
	background:#999999;
	border-left:1px #cccccc dotted;
}

#vscms-um-column-header-right
{
	border-left:1px #cccccc dotted;
}




.vscms-um-column-body
{
	padding:10px;
}


/*
.vscms-um-container
{
	border: #666666 1px solid;
	float:left;
}

#vscms-um-left-container
{
	background:#ff0000;
	 right:40%;
	position:relative;
}

#vscms-um-middle-container
{
	background:#00ff00;
	right:30%;
	position:relative;
}

#vscms-um-right-container
{
	background:#0000ff;
	overflow:hidden;
}

.vscms-um-column
{
	float:left;
}

#vscms-um-left-column
{
	width: 320px;
	border-right:1px #cccccc dotted;
}

#vscms-um-left-column .button
{
	margin: 0 auto;
	margin-top:10px;
}

#vscms-um-middle-column
{
    margin: 0 auto;
	width:316px;
}

#vscms-um-right-column
{
	border-left:1px #cccccc dotted;
    width: 320px;
}

.vscms-um-column-header
{
	background:#666666;
	color:#ffffff;
	font-weight:bold;
	line-height:20px;
	height:30px;
	padding:5px;
	vertical-align:middle;
	text-align:center;
}

.vscms-um-column-body
{
	padding:10px;
}




#vscms-update-menu-container
{
	border: #666666 1px solid;
}

.vscms-update-menu-column
{
	width:320px;
}

#vscms-update-menu-left-column
{
	float:left;
}

#vscms-update-menu-right-container
{
}

#vscms-update-menu-middle-column
{
	float:left;
}

#vscms-update-menu-right-column
{
	margin-left:640px;
}

.vscms-update-menu-column-content
{
	border-left:1px #cccccc dotted;
}

.vscms-update-menu-column-content-first
{
	border-left:none;
}
*/

.vscms-tree-menu-header
{
	background:#666666;
	color:#ffffff;
	font-weight:bold;
	line-height:20px;
	height:30px;
	padding:5px;
	vertical-align:middle;
	text-align:center;
}

.vscms-tree-menu-box
{
	
	height:500px;
	padding:10px;
	/*width: 250px;*/
}
.Tree
{
	border: #33cc00 1px solid;
	/*width:200px;*/
	height:500px;
	overflow:auto;

}

.tree-menu-title
{
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	color: white;
}

.MyItem
{
    cursor:  text !important;
}


/*CREATE PAGE*/
 .skinCell{
	    background:none;
	    padding-left:7px;
	    padding-right:7px;
    }
 .skinCell img{
	    margin-top:7px;
	    border:1px solid #C1C1C1;
    }
    .skinCell.on{
	    background:transparent url('images/scooterSelectionBG.png') no-repeat left top;
    }

    .radio
    {
	    background-color:#dceded;
    }
    .zoomPreview{
	position:absolute;
	top:0px;
	left:30px;
	cursor:pointer;
	width:599px;
	height:379px;
	background:transparent url(images/PreviewBG.png) no-repeat top left;
	padding-top:24px;
	text-align:center;
    }

    .zoomPreview img{
	    background:#fff url(images/throbber.gif) no-repeat center;
	    width:589px;
	    height:350px;
	    margin:auto;
    }
    a.zoomLink{
	    padding-right:8px;
	    margin-right:17px;
	    margin-top:3px;
    }
    a.zoomLink:hover{
	    background-color:#C6FF5A;
    }
.toolTip
{
	background: transparent url(    'images/toolTipUpBG.png' ) no-repeat top right;
	padding-right: 10px;
	margin-top: 4px;
	margin-left:-2px;
	border-left:#009999 thin solid;
}
.toolTipUp
{
	background: transparent url( 'images/toolTipBG.png' ) no-repeat top right;
	padding-right: 10px;
	margin-top: 4px;
	margin-left:-2px;
	border-left: #009999 thin solid;
}


/*EDIT PAGE - FACULTY TEMPLATE*/

.UploadTable
{
 background-color: #f7f7f7;
 border: solid 1px #e5e5e5;
 border-collapse: collapse !important;
 filter: progid:DXImageTransform.Microsoft.dropShadow(Color=e5e5e5,offX=2,offY=2,positive=true);
 margin: 5px 5px 0px 0px;
 width: 650px;
 font: normal 11px Verdana, Arial, Sans-serif;
 color: #333;
}
.UploadTable td
{
 padding: 0px 0px 3px 4px;

}
.btnStyleTable
{
background-color: SandyBrown;
font: normal 11px Verdana, Arial, Sans-serif;
}
.btnStyleTable a
{
font-size:10pt;
color:#000000;
font-variant:small-caps;
text-decoration: none;
}
.btnStyleTable a:hover
{
font-size:10pt;
color:#FFFF00;
}
.GridTable
{

 border: solid 1px #e5e5e5;
 border-collapse: collapse !important;
 filter: progid:DXImageTransform.Microsoft.dropShadow(Color=e5e5e5,offX=2,offY=2,positive=true);
 margin: 5px 5px 5px 5px;
 color: #444444;
}
.GridTable td
{
padding: 0px 0px 3px 4px;
border: solid 1px #e5e5e5;
}
.GridTable th
{
 border: solid 1px #e5e5e5;
}
.GridTableHD
{
 background-color: #bacdc9;
 border: solid 1px #e5e5e5;
 border-collapse: collapse !important;
filter: progid:DXImageTransform.Microsoft.dropShadow(Color=e5e5e5,offX=2,offY=2,positive=true);
 margin: 5px 5px 5px 5px;
 width: 650px;
 color: #333;
}
.GridTableHDRow td
{
 border: solid 1px #e5e5e5;
}
.RadUploadButton
{
 background: white url('images/radUploadBtnMedium.gif') no-repeat;
 border: 0px;
 height: 21px;
 width: 114px;
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 color: black;
}

.RadUploadButtonSmall
{
background: white url('images/radUploadBtnSmall.gif') no-repeat;
border: 0px;
height: 21px;
width: 50px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
}
.RadButtonSmall
{
background: white url('images/radBtnSmall.gif') no-repeat;
border: 0px;
height: 21px;
width: 50px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
}


.button, input.submit, input.button, button {
	background-image: url(Img/button.gif);
	background-repeat: repeat-x;
	border: 0px;
	border-left: 1px solid #d7d6c5;
	border-right: 1px solid #d7d6c5;
	height: 22px;
	width: 114px;
	background-color: transparent;
	padding: 0px;
	font: 11px Arial, Verdana, Sans-serif;
	color: #969277;
}


td .style1
{
	padding:10px;
}

*
{
	vertical-align:top;
}

#event-header
{
	font-size:1.1em;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:20px;
}

#event-content-col
{
	background:#ccccff;
}

#event-left-col
{
	float:left;
	width:200px;
	padding:10px;
	margin:10px;
	height:100%;
}

#event-left-col .toc-header
{
	font-weight:bold;
}

#event-right-col
{
	margin-left:250px;
	padding-left:20px;
	padding-right:10px;
	background:#ffffff;
	margin-top:0px;
	padding-top:0px;
	top:-20px;
	position:relative;
}
