body {background: #f9f9f9; margin: 0; padding: 0; width: 100%; min-width:980px; width:expression(document.body.clientWidth > 980? "100%": "980px" );}

a,span.link {color: #21759B; font-size:14px; text-decoration: none; cursor: pointer;}
a:hover,span.link:hover {color: #d54e21; } 
a:hover,span.link:focus {color: #d54e21; } 

input, select {background: url("images/input_bg.gif") repeat-x scroll left top #FFFFFF; border: 1px solid #AAA; border-radius: 2px 2px 2px 2px; box-shadow: 0px 1px 2px #DDDDDD; margin-bottom: 5px; padding: 3px; outline:none;}
textarea {background: url("images/input_bg.gif") repeat-x scroll left top #e8e7e1; margin:0px; padding:4px;border: 1px solid #AAA; border-radius: 2px 2px 2px 2px; box-shadow: 0px 1px 2px #DDDDDD;}
.input_fx {background: url("images/input_bg.gif") repeat-x scroll left top #FFFFFF; border: 1px solid #AAA; border-radius: 2px 2px 2px 2px; box-shadow: 0px 1px 2px #DDDDDD; margin-bottom: 5px; padding: 3px; outline:none;}
option {background: #eeede7; }
.button1, .button2 {cursor: pointer; font-weight: bold; margin-left: 4px; padding: 3px 7px; color:#21759B; 
background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent; border: 1px solid #AAA; border-radius: 12px 12px 12px 12px; box-shadow: 0px 1px 2px #DDDDDD; text-shadow: 0 1px 0 #FFFFFF;}
.button1:hover, .button2:hover {color:#D54E21;}
fieldset legend {text-align:left;}
#ysmadminbanner {height: 50px; background: #eeeeee url(images/gray-grad.png) bottom left repeat-x; padding: 10px 0 0 10px; text-align: left; border-bottom: 2px solid #cccccc;}
  span.bannertext {font-size: 16pt; font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-weight: bold;}

#filetag {margin:2px 0px; text-align: center; width: 100%;}

#ysmadminwrap {margin:0px auto; text-align: left; width:100%; font-family: Arial,Helvetica,sans-serif; font-size: 14px;}

#ysmmaincontent { padding:0px;}

#whiteboard {background: #FFFFFF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; padding: 10px;}
.inside td {border:solid 1px #333; border-right:none; border-bottom:none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; text-align:left; vertical-align:middle;}
.inside .filemanager_container th {background-color:transparent; border:solid 1px #333; border-bottom:none; border-right:none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; text-align:left; vertical-align:middle;}
.inside .filemanager_container th.tdclickable:hover {background-color:#cccccc;}
#whiteboard .formtable {border:solid 1px #333;}
#whiteboard .formtable td {border:none;}

.filemanager_container tr:hover { background: #f2f2f2; }
.filemanager_container {font-size:10pt; font-family:Arial, Helvetica, sans-serif; width:100%; _width:90%; border:solid 1px #333; border-left:none; border-top:none;}
.countdown_table td {border:none; padding:2px;}
.warning_1 {font-size:10pt; color:#D54E21;}
.backups {margin-top:18px;}
.tdclickable span{display:block; cursor:pointer;}
.tdclickable {background-color:transparent;}
.tdclickable:hover {background-color:#cccccc;}
.icons {padding:2px; vertical-align:middle;}
.filemanager_back {padding:2px; float:left;}
.filemanager_bulkactions {padding:2px; float:right;}
.bulkfileslist {padding:0px 8px 14px 8px; width:700px; word-wrap:break-word; text-align:center;}
/*textarea {margin: 0; padding: 0 }*/
.fck {width:100%;}
.ckeditor {width:100%; height:300px;}
#leftside { width: 20%; float: left; height: 600px; background: #dfdfdf url(images/gray-grad.png) top left repeat-x; margin: 4px 4px 4px 0px; padding-left:4px; border: 2px solid #cccccc; border-left: none; }

 ul.list {margin: 0; padding: 0; }
 ul.list li,  #rightside ul.list li {list-style: none; margin:0; padding-left:10px; margin-top: 4px; display: block; height: 22px;}
 ul.list li:hover,  #rightside ul.list li:hover {background: #EAF2fA; color: #333333; display: block; }
 ul.list li a,  #rightside ul.list li a {display: block; }
 ul.list li:hover a,  #rightside ul.list li:hover a {background: #EAF2fA; color: #333333; display: block; }
  
  #leftside h4 { text-align: center; }

#ysmadmincontentwrapper { width: 78%; float: left; margin: 4px; /*height: 600px;*/ display: block;}

#rightside {width: 16%; float: left; height: 600px; background: #dfdfdf url(images/gray-grad.png) top left repeat-x; margin: 4px; border: 2px solid #cccccc; border-right: none;}

span.description { font-size: 11px; font-style: italic; margin-left: 15px;}

#returnhome {float: right; width: 200px;}


img.ysmlogo { padding-top: 30px; }

#ysmadminlogin {background: transparent url(images/loginbox.jpg) center center no-repeat; height: 250px;}

input.input {background: none; font-size: 16pt; border: none; font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;}

#logoffbutton {vertical-align: bottom; text-align: center; display: block; width: 100%; padding-top: 20px;}

ul.updatelog {margin-left: 0px; padding-left: 0px; list-style: square inside; font-size: 12px; color: #3f3f3f;}

span.sect_title {font-weight: bold; font-size: 10pt; vertical-align: middle; height: 20px; display:block; padding: 6px 10px; color: #464646;}
span.sect_title:hover {color: #000;}

/**************** Section Headers Corner CSS ****************/
#sectborder {background: transparent url(images/headbg.png) top left repeat-x; height: 31px; width: 100%;vertical-align: middle; /*margin-top: 10px;*/}
#sectborderbot {background: transparent url(images/headbg.png) bottom left repeat-x; height: 31px; width: 100%;vertical-align: middle; margin-bottom: 10px;}

#secttl {height: 31px; width: 8px; background: #F9F9F9 url(images/corners.png) top left no-repeat; float: left;}
#secttr {height: 31px; width: 8px; background: #F9F9F9 url(images/corners.png) top right no-repeat; float: right;}

#sectbl {height: 31px; width: 8px; background: #F9F9F9 url(images/corners.png) bottom left no-repeat; float: left;}
#sectbr {height: 31px; width: 8px; background: #F9F9F9 url(images/corners.png) bottom right no-repeat; float: right;}

/**********Content Pages**********/
.EditPage {vertical-align:middle; display:block;}
.editText {width:250px;}
.editarea {background:#fff;}
.editarea tr:hover {background:#fff;}
.editareaoff tr:hover {background:inherit;}

table.admincontent {width: 98%; margin-top:12px; border-top:solid 1px #333; border-bottom:solid 1px #333; border-left:solid 1px #333; border-right:solid 1px #333;}
.admincontent td {border:solid 1px #333; border-bottom:none; border-left:none; border-right:none; padding:2px 4px 2px 4px; vertical-align:middle;}
.admincontent th {background-color: #F2F2F2; padding:2px; vertical-align:middle;}

fieldset fieldset {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    margin: 5px;
    padding: 10px;
    text-align: center;
}
fieldset {
    border: 1px dashed #CCCCCC;
    margin: 5px;
    padding: 10px;
    text-align: center;
}

	.CMStable {empty-cells:hide}
		.sort {text-align:center;}
		.check {text-align:center;}
		.sort input, input.sort			{width:25px; text-align:center;}
		.check input, input.check {width:40px;}
		.descript {text-align:right;}
		.descript input, input.descript	{width:150px; text-align:right;}
		.value {text-align:left}
		.value input, input.value 		{width:150px; text-align:left;}
		.longvalue input, input.longvalue {width:250px; text-align:left;}
		.shortvalue input, input.shortvalue 		{width:75px; text-align:left;}
		legend input.value, input.url 	{width:225px; text-align:left;}
		
	a.CMSNav{cursor:pointer;}
	div.CMSNavOpts{padding:2px 0 6px 0; display: none;}
		div.CMSNavOpts span { font-size:.8em; vertical-align:top;}
		div.CMSNavOpts label { font-size:.9em; text-indent:5px; display:inline-block;}
		
/**************** Updates.asp specific CSS ****************/
#newupdates { height: 20px; width: 300px; background: #FFF url(images/updateavail.png) top left no-repeat; }

p.notice {color: #3F3F3F; font-size: 13px; margin-left: 8px;}
p.noticehead {color: #000000; font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 0px;}
h4.postdate {border-bottom: 1px dashed #CCCCCC; color: #1A1A1A; display: block; font-size: 16px; margin: 5px 0 -10px 0px; padding: 0; }

span.updatehead {color: #3f3f3f; font-size: 14px; font-weight: bold; } 
#updatedesc {font-size: 12px; color: #d1d1d1; }

input.applybut {border: 2px outset #ccc; background: #dfdfdf url(images/gray-grad.png) top left repeat-x; font-size: 12px;}
input.applybut:hover {border: 2px outset #21759B; background: #dfdfdf url(images/gray-grad.png) top left repeat-x;font-size: 12px;}
input.applybut:active {border: 2px inset #ccc; background: #dfdfdf url(images/gray-grad.png) top left repeat-x; font-size: 12px;}


#bulkactions_div {float:left;}
#filesize_div {text-align:left; padding:4px 0px 4px 0px;}

span.explainit {font-size: 10px; color: #999999; }
span.explainit a{font-size: 10px;  }
.sortbookList td {padding:2px; margin:1px; cursor:move;} 

#listsort { list-style: none; background:#eaeaea; cursor: move; }

/**************** CSS for drag style sorting ****************/
#list ul {
	padding:0px;
	margin: 0px;
	cursor: move;
}
#response {
	padding:10px;
	background-color:#eaeaea;
	border:2px solid #cccccc;
	margin-bottom:20px;
	text-align: left;
}
#list li {
	margin: 0 0 3px;
	padding:5px;
	background-color:#eaeaea;
	color:#000;
	list-style: none;
	vertical-align: middle;
}
#list {text-align: left;}

em.red {color: #FF0000; }

/**************** Banner Admin CSS ****************/
#bannerholder {width: 100%; vertical-align: middle;}
#banneroptions {width: 30%; float: left; padding: 10px 20px 5px 0; vertical-align: middle; height: 60px;}
#banneroptions label { vertical-align: middle; cursor: pointer; }
#banneroptions img {width: 88%; border: none; vertical-align: middle;}


/**************** cmd styling ****************/
#cmdprompt {background-color: #d7bed3; color: #ffffff; padding: 4px;}
#cmdprompt #titlebar {background-color: #022074; font-weight: bold; color: #ffffff; margin: 1px; padding: 3px ;}
#cmdprompt #titlebar img.cmdclose {float: right; margin: 2px;}
#cmdprompt #promptarea {background-color: #000000; color: #ffffff; font-family:"Courier New", Courier, monospace; padding: 10px 0 20px 8px;}

/*******Setup Page***************/
#SITE_settings { text-align:left; float:left; margin-top:0px; margin-right:0px; width:52%;}
#CATALOG_settings { text-align:left; float:right; margin-top:0px; margin-left:4px; margin-right:5px; width:40%;}
#ADDITIONAL_settings { text-align:left;}
#LS2_settings { text-align:left;}
#PAC_settings { text-align:left;}

#bannertable,#bannertable tr,#bannertable td {border: none;}

.pstrength-minchar {font-size : 10px; }

label.error {margin-left: 3px; background:#F9F9F9; color: #ff0000; padding: 2px;}

.clickable {cursor: pointer; }

.cancelButton {opacity: .5; filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); margin-left: -18px;}
.cancelButton:hover {opacity: 1;  filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);}