@import url('edit.css');
p{font-family: "trebuchet ms", arial, helvetica;	margin: 0px;	padding: 0px;}
h3{margin:14px 0 5px 40px; padding:0px; border:0px; font: bold normal normal 20px 'Lucidia Grande', 'trebuchet ms'; color:#858585;}
h4{margin:0 0 10px 40px; padding:0px; border:0px; font: normal normal normal 16px 'Lucidia Grande', 'trebuchet ms'; color:#81a1b8;}
h5{margin:0px; padding:0 5px 0 0px; color:#fff; text-align:right; font: normal normal bold 12px 'Lucida Grande', 'trebuchet ms';}
.active{background:url(../images5/btn_approve.png) no-repeat center; width:24px; height:24px; float:left;}
.inactive{background:url(../images5/btn_remove.png) no-repeat center; width:24px; height:24px; float:left;}
.requiredTxt{font-size:.8em; font-style: italic; color:#858585; float:right;}

/* Approval Popup */
div.btnHolder{
	width:400px;
	margin:0 auto;
}
a.approveBtn{
	background: url(../images5/btn_approval.png) no-repeat;
	float:left;
	width:100px;
	height:30px;
	overflow:hidden;
	margin:10px 50px 20px 50px;
}
a.cancelBtn{
	background: url(../images5/btn_cancel.png) no-repeat;
	float:left;
	width:100px;
	height:30px;
	overflow:hidden;
	margin:10px 50px 20px 50px;
}
a.approveBtn:hover, a.cancelBtn:hover{
	background-position: 0 -30px;
}

/* WARNING STYLES */
.pop2_mid .critical, .pop2_mid .attention, .pop2_mid .success {
	width:720px;
	padding: 20px 0;
	margin: 0 auto 20px auto;
}
.critical {
	background: #ffcccc url(../images5/critical.png) no-repeat 15px center;
	border-top: solid 1px #993333;
	border-bottom: solid 1px #993333;
}
.attention {
	background: #ffff99 url(../images5/attention.png) no-repeat 15px center;
	border-top: solid 1px #ffcc66;
	border-bottom: solid 1px #ffcc66;
}
.success {
	background: #ccffcc url(../images5/success.png) no-repeat 15px center;
	border-top: solid 1px #99cc99;
	border-bottom: solid 1px #99cc99;
}
.instruction {
	background:#f5f8fa url(../images5/attention.png) no-repeat 15px center;
	border-top: 1px solid #d4e2eb;
	border-bottom: 1px solid #d4e2eb;
}
.criticalNI {
	background-color: #ffcccc;
	border-top: solid 1px #de472a;
	border-bottom: solid 1px #de472a;
}
.attentionNI {
	background-color: #ffff99;
	border-top: solid 1px #ffcc66;
	border-bottom: solid 1px #ffcc66;
}
.successNI {
	background-color: #ccffcc;
	border-top: solid 1px #99cc99;
	border-bottom: solid 1px #99cc99;
}
.instructionNI {
	background-color:#f5f8fa;
	border-top: 1px solid #d4e2eb;
	border-bottom: 1px solid #d4e2eb;
}

/*	NAVIGATOR STYLES	*/
.navigator {	
	clear:both;
	text-align:center;
}
.totalpagesdisplay {
	text-align:center;
}
.navigator .inactive {
	background: none;
	float: none;
	height: auto;
	width: auto;	
}

/* PROJECT STYLES LAYOUT */

#projectInfo{margin:0 0 0 0px; padding-top:0px;	min-height:450px;}
#graph1{width:800px; height:400px; margin:0px auto; padding:0px;}

/* WELCOME.PHP STYLES */

#homeContent{}
.statBody{width:750px; min-height:300px; height:auto !important; height:300px; margin:0 auto; padding:0px;}
.statBody h3{margin:0px; padding: 10px 0px;}
.statBody p{padding:0px;}
#mainGraph{width:680px; margin: 0 auto; min-height:230px; height: auto !important; height:230px;}

/*  RICHCONTENT TIPS*/

.richcontentTips{float:left; background: url(../images5/dashboard_tips.jpg) no-repeat; width:148px; height:150px;}
#reminder{margin:0px auto; padding:0px; width:860px;}
.reminderContainer{float:left; padding:25px 0 0 10px;}
.reminderTop{background:url(../images5/dashboard_reminderTop.jpg) no-repeat; width:702px; height:9px; margin:0px; padding:0px;}
.reminderMid{background:url(../images5/dashboard_reminderMid.jpg) repeat-y; width:702px; margin:0px; padding:0px;}
.reminderBot{background:url(../images5/dashboard_reminderBot.jpg) no-repeat; width:702px; height:11px; margin:0px; padding:0px;}
.reminderContent{padding:5px 10px; margin:0px;}
.reminderContent p{font: normal normal bold 12px "Lucida Grande", "Trebuchet MS", Arial, sans-serif; line-height:19px; color:#474747; margin:0px; padding:0px;}

/* PROJECT APPROVAL STYLES */

#userUpdate {
	width:720px;
	margin: 0 auto 10px auto;
	padding:10px 60px;
}
#userUpdate ol {
	list-style-position: inside;
	padding:0 50px;
	margin:0;
}
#userUpdate ol span.bold{
	font-size: 1em;
	font-weight:600;
}	
ul#projectNavOptions{
	width:150px;
	padding-left:0px;
	padding: 10px;
	font-size:12px;
	float:left;
	list-style: none;
	margin:15px 0 0 5px;
	text-align:justify;
}
ul#projectNavOptions li{
	text-decoration: none;
	margin-bottom:10px;
}
ul#projectNavOptions li a {
	padding-left:20px;
	border:solid 1px transparent;
	background-color: none;
}
ul#projectNavOptions li.sideNav1 a{
	display:block;
	line-height:60px;
	text-decoration:none;
	color:#464646;
	font-size:1.1em;
	font-weight:600;
	padding-left:20px;
	border:solid 1px #ddd;
	background-color: #f5f8fa;	
}
ul#projectNavOptions li.sideNav1 a:hover{
	border:solid 1px #ddd;
	background-color: #eee;
}
ul#projectNavOptions li.sideNav1 a.selected {
	border:solid 1px #ddd;
	background-color: #d4e2eb;
}
ul#projectNavOptions .sideNav1 a span{
	margin-left:10px;
	font-size:.9em;
}	
ul#projectNavOptions p{
	margin-bottom:20px;
	font-size:9pt;
	line-height:18px;
}
ul#projectNavOptions li#projectApproval {
	background-color:#bbe27b;
	padding:7px;
	border:solid 1px #ddd;
}
ul#projectNavOptions li#projectApproval p {
	margin-bottom:5px; 
	text-align:center;
}
ul#projectNavOptions li#projectApproval p.bold {
	font-weight: 600;
}
ul#projectNavOptions li#projectApproval a.approveBtn {
	margin: 0 auto;
	width:80px;
	float:none;
	display:block;
}
ul#projectNavOptions li#projectApproval a.approveBtn:hover {
	background-color: transparent;
	border: 1px solid transparent;
}
ul#projectNavOptions li#approvedMedia {
	background-color:#f5f8fa;
	padding:7px;
	border:solid 1px #ddd;
}
ul#projectNavOptions li#approvedMedia ul{
	margin:6px 0 0 8px;
}
ul#projectNavOptions li#approvedMedia ul input{
	vertical-align: middle;
}
ul#projectNavOptions li#approvedMedia ul li{
	list-style:none;
	list-style-position: inside;
	margin-bottom:3px;
}
ul#projectNavOptions li#approvedMedia p {
	margin-bottom:5px; 
	text-align:center;
}
ul#projectNavOptions li#approvedMedia p.bold {
	font-weight: 600;
}
ul#projectNavOptions li#contactEditors {
	background-color:#f6f6f6;
	padding:7px;
	border:solid 1px #ddd;
}
ul#projectNavOptions li#contactEditors p {
	margin-bottom:5px; 
	text-align:center;
}
ul#projectNavOptions li#contactEditors p.bold {
	font-weight: 600;
}
#customAccountsCreate a{
	background: url(../images5/btn_accounts.png) no-repeat 20px 5px;
	line-height:40px;
}
#customAccountsCreate a:hover{
	color:blue;
}
/*  The following style rule for [ #customAccounts a:hover ] has been depreciated need to check and delete*/
#customAccounts a:hover{
	background-position:0px -60px;
}

/* PLAYER */

#player{background: url(../images5/playerBG.png) no-repeat top left; width:820px; height:385px; margin:-10px auto 0 auto; padding-bottom:20px;}
#mediaPlayer{position:relative; top:10px; left:10px;}

/* GET BROADCAST STYLES */

#projectList{width:720px; margin:0px auto; border: solid 1px #cccccc;}
.project{padding:0px; width:720px; clear:both;}
.on{background-color:#f2f5f8; border-bottom:solid 1px #ffffff; border-top:solid 1px #ffffff;}
.off{background-color:#fff; border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc;}
a.projectInfoTitle{float:left; font: normal normal bold 1em/1.5em 'Lucida Grande', verdana, Arial, sans-serif; text-decoration:none; color:#474747; line-height:32px; width:450px; margin:0px; padding-left:20px;}
a.projectInfoDate{
	float:left;
	font: normal normal bold .8em/1em 'Lucida Grande', verdana, Arial, sans-serif;
	text-decoration:none;
	text-align:center;
	color:#474747;
	line-height:32px;
	width:90px;
}
.project_list_status {
	display: -moz-inline-stack;
	display: inline-block;
	line-height: 30px;
	padding: 25px 0;
	vertical-align: top;
	width: 75px;
	margin-left: 5px;
}
.projectInfoTitle, .projectInfoDate, .use_in_stats, .delete_project, .projectInfoStatus{padding:25px 0;}
#projectOptionsBar{background-color: #eee; border-bottom:solid 1px #ccc; font: normal normal bold 1em/1.5em 'Lucida Grande', verdana, Arial, sans-serif; line-height:30px; height:30px;}
.optionsImage, .optionsTitle, .optionsDate, .optionsStats, .optionsDelete, .optionsStatus{display:block; float:left;}
.optionsImage{width:115px;}
.optionsTitle{padding-left:20px; width:450px;}
.optionsDate{width:90px; text-align:center;}
.optionsStats, .optionsDelete, .optionsStatus{width:78px; text-align:center;}
.use_in_stats, .delete_project, .projectInfoStatus{margin: 0 22px;}

/* SORT GROUPS STYLES */

#sortGroups{margin: 0 0 15px 125px;}
#formSortGroups span select{width:160px;}

/* GET PROJECT STYLES */

#projectMedia{width:505px; min-height:342px; height: auto !important; height:342px;	margin:0 auto;}
#mediaNav{background: url(../images5/mediaNav_BG.jpg) repeat-x; margin: 0 0 0 12px; width:958px; height:30px; overflow:hidden;}
#mediaNav a:hover{background-position: 0 -30px;}
#mediaNav_video a, #mediaNav_audio a, #mediaNav_images a, #mediaNav_text a{height:30px; float:left;}
#mediaNav_video a{background: url(../images5/mediaNav_video.jpg) no-repeat; margin-left:189px; width:141px;}
#mediaNav_audio a{background: url(../images5/mediaNav_audio.jpg) no-repeat; width:141px;}
#mediaNav_images a{background: url(../images5/mediaNav_images.jpg) no-repeat; width:141px;}
#mediaNav_text a{background: url(../images5/mediaNav_text.jpg) no-repeat; width:143px;}
#projectVideo, #projectAudio, #projectText{width:425px; padding-left:40px;}
#projectText{
	width:420px;
	height:320px;
	overflow:auto;
	text-align:justify;
	padding-right:10px;
}
#projectImage{
	width:505px;
}
.projectMedia{
	padding:0px;
	float:left;
	display:none;
}
#mediaNav .btnDown a{
	background-position: 0 -30px;
}

#broadcastInfo{
	width:958px;
	margin: 0px 0 0 12px;
	padding-top:10px;
	background:url(../images5/dash_topGrad.jpg) repeat-x top left;
	border-top:solid 1px #ccc;
	clear:both;
}
#broadcastInfo div{
	font-size:10pt;
}
#broadcastInfo input, #broadcastInfo textarea, #broadcastInfo select, #broadcastInfo p{
	font-size:10pt;
}	
#projectApproval{
	margin:0px;
	padding:0px;
}
#projectToggleNav{
	position:absolute;
	top:515px;
	left:12px;
	margin:0px;
	padding:0px;
	width:180px;
}
#projectToggleList li{padding:0 0 0 25px; list-style:none;}
.prjctTag{float:left; height:25px; width:140px; margin-top:10px;}
p.prjctText{width:500px; float:left; border:none; min-height:25px; height:auto !important; height:25px;	margin: 0 0 10px 15px;}
.apprvlTag{float:left; height:25px; width:130px; text-align:right; padding-right:15px; margin-left:30px; font-size:10pt; line-height:22px; color:#464646; border:solid 1px #ccc; background-color:#ffffff;}
.helpBtn{padding:5px 0 0 10px; cursor: pointer; float:left;}
.helpText{width:450px; text-align:justify; margin:10px 0px 15px 184px; background-color:#f2f5f8; clear:both; padding:10px 20px; font-size:10pt; border:1px solid #ccc; line-height:20px;}
.helpText span{font-size:10pt;}
.apprvlData{padding-bottom:2px; clear:both;}
.apprvlSubmit{padding: 12px 20px; margin-left:150px; width:700px; min-height:20px; height: auto !important; height:20px; font: normal normal normal 16px "Lucida Grande", Arial, sans-serif; color:#474747;}
#submit_button{margin-left:260px;}
#prjctComments{clear:both;}
div.statusBG{position:relative; top:-15px; background-color:#ffbf53; border:1px solid #858585; padding:10px; margin:0 auto; width:80%; color:#464646; font-size:14px; font-weight:200; text-align:center;}
#projectInstruction{margin:0 auto; width:860px;}
#column1, #column2{float:left; min-height:320px height:auto !important; height:320px; padding:0 5px;}
#column1{width:280px; margin-bottom:20px; background-color:#f8f8f8; border: 1px solid #dddddd; overflow-y:auto; overflow-x: hidden;}
#column1 p{line-height:25px; text-align:center;}
#column2{width:440px;}
#column1 .video, #column1 .audio, #column1 .image, #column1 .text{padding:10px 10px 10px 25px; border:solid 1px #ddd;} 
#column1 .video{background: url(../images5/icon_video.png) no-repeat 5px 6px;}
#column1 .audio{background: url(../images5/icon_audio.png) no-repeat 5px 6px;}
#column1 .image{background: url(../images5/icon_image.png) no-repeat 5px 6px;}
#column1 .text{background: url(../images5/icon_text.png) no-repeat 5px 6px;}
#column1 .noFiles{padding:10px 0px; border:solid 1px #ddd; background-color: #ffffff; margin-top:10px; text-align:center;}
#column1 .draftTrue, #column1 .draftFalse{background-color:#ffffff; width:235px;}


/**SEARCH RESULT STYLES**/

#projectSearchImages{width:800px; height:180px;	margin:15px 0 0 100px;}
#projectSearchNumbers{width:800px; height:60px; margin:15px 0 0 100px;}
#projectSearchStats{clear:both; height:200px;}
.engineBG{background:url(../images5/dashboard_statEngineBG.jpg) no-repeat; width:168px; height:127px; margin-top:20px; margin-left:15px; margin-right:15px; float:left;}
.engineNumbers{width:168px; margin-left:15px; margin-right:15px; float:left; text-align:center;}
.engineNumbers span{font: normal normal bold 13px "Trebuchet MS", "Lucida Grande", Verdana, Arial; color:#474747;}
.engineThumb{margin: 1px 0 0 4px; padding:0px;}

/* ACCOUNT NAV SYLES */
ul#dashAccountNav {
	float:left;
	margin-left: 60px;
	padding:0;
	display:inline;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	font-weight: bold;
	font-size: .9em;
}
ul#dashAccountNav li {
	list-style: none;
	border-bottom: solid 1px #ddd;
	background-color: #f5f8fa;
}
ul#dashAccountNav li.selected,  ul#dashAccountNav li.selected a, ul#dashAccountNav li.selected a:hover{
	background-color: #81A1B8;
	color: #fffffe
}
ul#dashAccountNav li a{
	display: block;
	padding: 11px 20px;
	text-decoration: none;
	color: #464646;
}
ul#dashAccountNav li a:hover{
	text-decoration: underline;
	color: #464646;
	background-color: #D4E2EB;
}

/*
ul#dashAccountNav li a.account, ul#dashAccountNav li a.serviceAccounts, ul#dashAccountNav li a.serviceAccountRequest {
	background-color: #d4e2eb;
	color: #ffffff;
}
*/

/* ACCOUNT PAGE STYLES */
/* On Page styles */
#accountBox{
	overflow:auto;
	height:450px;
	border:solid 1px #cccccc;
}

#accountOptions{
	float:right;
	width:280px;
	margin-right:40px;
}
.serviceAccount{
	clear:both;
	padding:10px 0 5px 0;
}
.serviceName{}
.serviceName span{
	margin-left:20px;
}
.serviceLoginForm{
	margin:0px;
}
.CAusername input, .CApassword input{
	width:inherit;
}
.accountTitleBar{
	background-color: #eee;
	border-bottom:solid 1px #ccc;
	font: normal normal bold 1em/1.5em 'Lucida Grande', verdana, Arial, sans-serif;
	line-height:30px;
	height:30px;
}
.accountTitleBar span, .serviceAccount span{
	display:block;
	float:left;
	text-align:center;
}
/*
.serviceAccount span.serviceName, .accountTitleBar span.CAservice {
	text-align: right;
	margin-right: 20px;
}
*/

.CAactive{width:70px;}
.CAservice{width:190px;}
.CAusername{width:150px; margin-right: 10px;}
.CApassword{width:150px; margin-right: 10px;}
.CAupdate{width: 70px;}

/* ACCOUNT PAGE STYLES */
/* PopUp Styles */

.pop2_mid #accountBox {
	margin: 0 auto;
	width:780px;
}

/*ALERT PANEL*/

#alertPanel{position:absolute; top:65px; width:980px; background:#ffffff; z-index:1200;}
#alertContent{padding:10px 20px; z-index:1201;}
#userAlert{background: url(../images5/images/alertYellow.png) no-repeat 20px 15px;;}
#corporateAlert{background: url(../images5/images/alertGreen.png) no-repeat 20px 15px;;}
#siteEditAlert{background: url(../images5/images/alertBlue.png) no-repeat 20px 15px;;}
#editorAlert{background: url(../images5/images/alertOrange.png) no-repeat 20px 15px;;}
#adminAlert{background: url(../images5/images/alertRed.png) no-repeat 20px 15px;}
.alerts{width:600px; padding:5px 40px 10px 60px; margin:0 auto 10px auto; height:50px;}
.alerts h5{margin:0px; padding:0px; color:#ffffff; text-align:left;}