@CHARSET "UTF-8";

/*html&body*/
body, html{ height: 100%; margin: 0; padding: 0; }
body{ background: #968c28 url(../img/background.gif) repeat-x; font-family: arial; font-size: 10px; overflow: -moz-scrollbars-vertical; }

select,input,textarea{ font-family: arial; font-size: 10px; }

a{ text-decoration: none; color: rgb(133,19,36); }
a:hover{ text-decoration: underline; }

/*content wrapper*/
div#wrapper{ overflow: hidden; width: 825px; margin: 0px auto; padding: 0px 0px 0px 0px; }

/*welcome*/
div#welcome-sb{	width: 795px; height: 30px; padding: 0px 15px 0px 15px; font-size: 0px; line-height: 0px; *line-height: 10px; }
div#welcome-sb, div#welcome-sb .sb-inner{ background: rgb(127,122,17) url(../img/welcome_bg.gif) repeat-x; }
div#welcome-sb .sb-border{ background: rgb(127,122,17); }

div#welcome-sb div.left{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	width: 350px; font-size: 10px; color: #fff; *top: -1px;
}
div#welcome-sb div.right{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	width: 443px; text-align: right; *margin: 1px 0px 0px 0px;
}

div#welcome-sb div.right span{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	margin: 0px 5px 0px 0px; font-weight: normal; color: rgb(193,191,10); font-size: 11px; line-height: 15px;
}
div#welcome-sb div.right form span{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	color: #fff; line-height: 15px;
	height: 17px; *height: 18px;
	background: rgb(193,191,10);
	padding: 2px 4px 0px 0px;
	*padding: 1px 4px 0px 0px;
	*top: 1px;
}

div#welcome-sb div.right div.input, div#welcome-sb div.right form, div#welcome-sb div.right fieldset{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
}

div#welcome-sb div.right input{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	height: 15px; border: 0px; width: 100px;  font-size: 11px; background: rgb(193,191,10); color: #fff; text-align: right;
	padding: 2px 1px 2px 4px;
}
div#welcome-sb div.right a.login{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	height: 19px; width: 15px; text-decoration: none; background: transparent url(../img/login.gif);
	top: 6px; *top: 4px; margin: 0px 0px 0px 5px;
}

div#welcome-sb div.right a.logout{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	height: 19px; width: 15px; text-decoration: none; background: transparent url(../img/logout.gif);
	top: 6px; *top: 4px; margin: 0px 0px 0px 5px;
}

/*
div#welcome-sb div.left{ display: float: left; padding: 7px 0px 0px 0px; font-size: 10px; color: #fff; }
div#welcome-sb div.left span{ font-weight: bold; }
div#welcome-sb div.right{ float: right; padding: 5px 0px 0px 0px; }
div#welcome-sb div.right span{ float: left; padding: 2px 5px 0px 0px; font-weight: normal; color: rgb(193,191,10); font-size: 11px; }
div#welcome-sb div.right form span{ margin-left: 3px; color: #fff; }
div#welcome-sb div.right input{ float: left; height: 15px; border: 0px; width: 100px; padding: 2px 5px 2px 5px; font-size: 11px; background: rgb(193,191,10); color: #fff; margin: 0px 0px 0px 5px; text-align: right; }
div#welcome-sb div.right a.login{ display: block; float: left; height: 19px; width: 15px; text-decoration: none; background: transparent url(../img/login.gif); margin: 0px 0px 0px 5px; }
div#welcome-sb div.right a.logout{ display: block; float: left; height: 19px; width: 15px; text-decoration: none; background: transparent url(../img/logout.gif); margin: 0px 0px 0px 5px; }
*/

span#loginError{ display: block; color: #c00; margin: 10px 12px 0px 0px; text-align: right; }

/*and*/
div#and{ margin: 5px 0px 0px 0px; }
div#and-sb{ width: 100%; height: 150px; }
div#and-sb .sb-inner{ background: #ebeaae url(../img/and_bg.gif) repeat-x; }
div#and-sb .sb-border{ background: #fff; }
div#and div#logo{ position: absolute; width: 243px; height: 157px; background: transparent url(../img/logo.gif) 35px 3px no-repeat; }

/*menu,submenu*/
#menu { overflow:hidden; width: 825px; margin: 20px 0px 0px 0px; padding: 0px; }
#menu ul{ margin: 0px; }
* html #menu { height:1%; }
#menu li { float:left; color:#000; list-style:none; padding:0; margin: 0px 3px 0px 0px; }
* html #menu li { display:inline-block; }
#menu li a { display:block; float:left; text-decoration:none; padding:9px; color:#000; font-size: 14px; color: rgb(193,191,10); }
#menu li a:hover{ color: #eee; }
#menu li, #menu li .sb-inner { background: rgb(127,122,17) url(../img/menu/tab_bg.gif) repeat-x; }
#menu li:hover, #menu li:hover .sb-inner { }
#menu li.hover, #menu li.hover .sb-inner { } /* for ie6 */
#menu li .sb-border { background: rgb(127,122,17); }
#menu li#current a:hover{ color: rgb(193,191,10); }
#menu li#current, #menu li#current .sb-inner { background: #fff url(../img/menu/tab_current_bg.gif) repeat-x; }
#menu li:hover, #menu li:hover .sb-inner { }
#menu li.hover, #menu li.hover .sb-inner { } /* for ie6 */
#menu li#current .sb-border { background: #fff; }

#submenu{ margin: 0px 0px 20px 0px; overflow: auto; line-height: 30px; }
#submenu-sb{ width: 807px; height: 35px; padding: 0px 9px 0px 9px; color: rgb(127,122,17); font-size: 22px; }
#submenu-sb .sb-inner{ background: #fff; }
#submenu-sb a{ text-decoration: none; font-size: 14px; color: rgb(218,217,108); }
#submenu-sb a:hover, #submenu-sb a#current{ color: rgb(127,122,17); }

/*actions*/
.actions{ float: left; width: 155px;  margin: 0px 15px 0px 0px; overflow: auto; }
.actions .sb-inner{ background: #fff; }
.actions .sb-border{ background: #fff; }
.actions div.input label{ display: block; color: rgb(193,191,10); }
.actions div.input{ margin: 0px 0px 10px 0px; }

/* newsAdd */
#newsAdd{ width: 825px; position: relative; }
#newsAdd .sb-inner{ background: #fff; }
#newsAdd .sb-border{ background: #fff; }

#newsAdd .left{ width: 275px; float: left; }
#newsAdd .right{ width: 525px; float: left; }
#newsAdd div.input{ overflow: auto; margin: 10px 0px 10px 0px; }
#newsAdd div.input label{ color: rgb(193,191,10); clear: both; float: left; display: block; width: 75px; height: 16px; padding: 3px 5px 0px 0px; margin: 0px 5px 0px 0px; text-align: right;  border-right: 2px solid rgb(218,217,108); }
#newsAdd div.input input{ float: left; display: block; width: 125px; height: 13px; padding: 2px; border: 1px solid #ccc; }
#newsAdd div.input input#NewsTitle{ width: 150px; }
#newsAdd div.input input#BlockTitle{ width: 200px; }
#newsAdd div#blockType2 input#BlockText,#newsAdd div#blockType3 input#BlockText{ width: 300px; height: 19px; }

#newsAdd div.input input#NewsPublish{ float: left; border: none; width: 20px; margin: 3px 0px 0px 0px; }
#newsAdd div.input input#NewsPublish_{ display: none; }

#newsAdd div.right div.input textarea{ width: 390px; }
#newsAdd div.right div.input label{ width: 100px; }
#newsAdd div.left div.submit{ clear: both; margin-left: 85px; }
#newsAdd div.right div.submit{ clear: both; margin-left: 110px; }
#newsAdd div.right form#newsResetForm{ position: absolute; right: 10px; top: 10px; }

#newsAdd div.left div.input div.error-message{ color: #c00; font-size: 9px; top: 2px; left: 90px; }

#newsAdd a#editMode{ position: absolute; bottom: 10px; left: 10px; }

#newsAdd div.right div#blockType4 input.urlCheckFailed{ border: 1px solid rgb(133,19,36) !important; }



/*content message*/
.message{ width: 100%; line-height: 18px; }

/*collaboration protocols*/
div#collab{
	width: 182px;
	float: left;
}

div#collab img{
	margin-top: 10px;
}

/*general content*/

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:7px;
	margin:0 0 0 8px;
	background:url(../img/borders/box.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-8px;
	width:8px;
	height:7px;
	background:url(../img/borders/box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:8px;
	margin:0 0 0 6px;
	background:url(../img/borders/box.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-6px;
	width:6px;
	height:8px;
	background:url(../img/borders/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 8px;
	background:url(../img/borders/borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 0 0 0;
	background:url(../img/borders/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:8px 8px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

html>body .content{ height: auto; min-height: 100%; }
.content{ width: 632px; height: auto; float: right; }

.content{ position: relative; }
.content div.left{ width: 110px; float: left; padding: 5px; }
.content div.right{ width: 450px; float: left; padding: 0px 0px 0px 0px; font-size: 11px; }

.content div.left span.inserted{ color: rgb(170,169,169); font-size: 10px; }
.content div.left span.date{ color: rgb(133,19,36); font-size: 12px; }

.content div.right span.firstTitle{ position: relative; display: block; font-size: 11px; color: #000; font-weight: bold; padding: 30px 0px 0px 7px; margin: 0px 0px 5px 0px; border-left: 2px solid rgb(218,217,108); }
.content div.right span.title{ position: relative; display: block; font-size: 11px; color: #000; font-weight: bold; padding: 5px 0px 0px 7px; border-left: 2px solid rgb(218,217,108); }
.content div.right img{ border: 0px solid rgb(218,217,108); }
.content div.right a{ text-decoration: none; color: rgb(133,19,36); }
.content div.right a:hover{ text-decoration: underline; }

/*previewBlock*/
.content div.right div.previewBlock{ border: none; margin: 0px 0px; width: 450px; padding: 0px; }
.content div.right div.previewBlock div.newsActions{ display: none; }

/*editBlock*/
.content div.right div.block div.newsActions{ display: block; }
.content div.right div.block{ border: 1px dashed #c00; width: 420px; margin: 5px 0px; padding: 5px; position: relative; }

.content div.right div.previewBlock div.newsActions,
.content div.right div.block div.newsActions
{
	position: absolute;
	top: -2px;
	width: 60px;
	left: 435px;
	line-height: 0px;
}

.content div.right div.block div.newsActions a,
.content div.right div.previewBlock div.newsActions a
{
	display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	line-height: 0px;
	font-size: 1px;
}
.content div.right div.block div.newsActions form{ display:-moz-inline-stack; display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; }

.content div.right div.block div.newsActions a:hover{ border: 1px solid rgb(133,19,36); }
.content div.right div.block div.newsActions a.blockDelete,
.content div.right div.previewBlock div.newsActions a.blockDelete
{ background: url(../img/icons/block_delete.gif) no-repeat; }
.content div.right div.block div.newsActions a.blockUp,
.content div.right div.previewBlock div.newsActions a.blockUp
{ background: url(../img/icons/block_up.gif) no-repeat; }
.content div.right div.block div.newsActions a.blockDown,
.content div.right div.previewBlock div.newsActions a.blockDown
{ background: url(../img/icons/block_down.gif) no-repeat; }

.content div.newsOptions
{
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.content div.right div.block div.newsActions a#deleteBlock{ top: 3px; }

.content div.right div.block div.newsActions form,
.content div.right div.block div.newsActions input{ margin: 0; padding: 0; }

.content ul{ margin: 10px 0px 10px 5px; padding: 0px; list-style-type: none; list-style-position: outside; }
.content ul li{ margin: 5px; padding: 0px; }
.content ul.links li{ margin: 15px 5px 15px 5px; }

.content ul.courseContacts{ margin: 5px 0px 10px 10px; }
.content ul.courseContacts li{ margin: 0px; }

.content ul.contacts{ margin: 5px 0px 10px 10px; }
.content ul.contacts li{ margin: 0px; }

.content ol{ margin: 10px 0px 10px 30px; }
.content ol li{ margin: 0px 0px 10px 0px; }
.content ol.alpha{ list-style-type: lower-alpha; }

.content a.top{ position: absolute; left: -18px; top: 0px; padding: 0px 3px 2px 3px; font-size: 14px; text-decoration: none !important; }
.content a.top:hover{ color: #000; }

.content span.organizationMember a.top{ left: -18px !important; top: -3px !important; padding: 0px 3px 2px 3px !important; }
/*.content a.top{ display: inline-block; padding: 0px 3px 2px 3px; font-size: 14px; text-decoration: none !important; }*/

a.pdf{ display: inline-block; height: 20px; line-height: 18px; padding: 0px 0px 0px 45px; background: transparent url(../img/icons/pdf_icon__.jpg) no-repeat; }
span.filesize{ display: inline-block; height: 20px; line-height: 18px; font-size: 10px; }

/*general content menu*/
.contentMenu{ float: left; padding: 10px; width: 165px; }
.contentMenu .sb-inner, .contentMenu .sb-border{ background: #fff; }

.contentMenu ul{ margin: 10px 0px 10px 5px; padding: 0px; list-style-type: none; list-style-position: outside; }
.contentMenu ul li{ margin: 5px; padding: 0px; }
.contentMenu ul.links li{ margin: 15px 5px 15px 5px; }

.contentMenu a{ text-decoration: none; color: rgb(133,19,36); }
.contentMenu a:hover{ text-decoration: underline; }

/*dry*/
div#dry{ position: fixed; top: 20px; right: 20px; }

/* classy attributes */
.fs12{ font-size: 12px !important; }
.cBlack{ color: #000 !important; }
.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml50{ margin-left: 50px !important; }
.mr25{ margin-right: 25px !important; }
.mb0{ margin-bottom: 0px !important; }
.mb5{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb50{ margin-bottom: 50px !important; }
.pt10{ padding-top: 10px !important; }
.pt5{ padding-top: 5px !important; }
.pt3{ padding-top: 3px !important; }
.pl5{ padding-left: 5px !important; }
.clear{ clear: both !important; }
.fl{ float: left !important; }
.fr{ float: right !important; }
.oa{ overflow: auto !important; }
.oh{ overflow: hidden !important; }
.ttNone{ text-transform: none !important; }
.taRight{ text-align: right !important; }
.taCenter{ text-align: center !important; }
.fvSC{ font-variant: small-caps !important; }
.bold{ font-weight: bold !important; }
.w30{ width: 30px !important; }
.dBlock{ display: block !important; }
.fwBold{ font-weight: bold !important; }