/* 
// Date : 2008.06.21
// Version : 1.00
// Author : David Goadby
// (c) 2009 Descent Design - provided 'AS-IS'
//
// History :
//  1.00   original CSS Compiled
 */


/** DESCENT | RESET  --------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 11px "Arial";margin: 0 0 0 0; padding: 0 0 0 0;color: #CCCCCC;}
body {margin: 0px;padding: 0px;color: #fff;font: normal 11px  "Arial"; background: no-repeat  url(../img/bg_cms.jpg) #000 fixed;  }

 #status_container {

 position: fixed;

  _position: absolute;

  z-index: 99;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  _height: expression(document.body.offsetHeight + "px");

  opacity: .9;

/* for IE */

    filter:alpha(opacity=90);

  background-color: #000;

  _ background-color:#000;

  display:block;

}


div.button {
	height: 25px;	
	width: 159px;
	padding-top: 10px;
	background: url(../img/button.jpg) 0 0;
	font-size: 11px;
	color: #fff;
	text-align: center;
}
/* 
We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with javascript. 
 */
div.button.hover {
	background: url(../img/button.jpg) 0 0px;
		color:#FFD454;

}
#button2.hover, #button4.hover {
	text-decoration:underline;
}

/**  DESCENT | HEADER/VER/LOGO --------------------------------------------*/
#header { width: 100%; background: repeat url(../img/bg_spot.png); margin:  0px auto 0 auto; height: 80px; padding:40px 0 0 0; border-top: 5px solid #FFC93C; }
#logo { margin: 0px 0 0 70px; float:left; }
#ver { float:right; text-align:right; margin: 0 80px 0 0;}
#ver em { font-style:normal; color:#FFD454 ;}

/**  DESCENT | TOP NAV --------------------------------------------*/
#nav {  margin: 28px 0 0 70px;}
#nav li { float:left; display:block; list-style:none;}
#nav li a { color:#FFFFFF; text-decoration:none; padding: 0 30px 0 10px; background: no-repeat url(../img/bullet.png);}
#nav li a:hover { color:#FFD454;}

/**  DESCENT | CONTAINERS --------------------------------------------*/
#page_nav {float:left; margin: 20px 0 0 50px; width: 180px; background: repeat url(../img/bg_spot.png); min-height: 600px;}
#page_box {float:left; margin: 20px 0 0 30px; width: 730px; background: repeat url(../img/bg_spot.png); padding-bottom: 20px; padding-left: 10px;min-height: 600px;}

/**  DESCENT | PAGE NAV (RIGHT) --------------------------------------------*/
#page_nav ul {margin: 20px 0 40px 20px; }
#page_nav li {color:#FFD454; text-decoration:none; padding: 0 0 0 10px; background: no-repeat url(../img/bullet.png); list-style:none; margin: 8px 0 8px 0; font-weight:bold;}
#page_nav li a { text-decoration:none; color:#CCCCCC; margin: 5px 0 0 0; font-weight:normal;}
#page_nav li a:hover { text-decoration:underline;color:#FFD454;}
#page_nav #credits {padding: 0 0 0 30px;}
#page_nav #credits p { font-weight:bold;}
#page_nav #credits small {color:#999; font-size:9px; font-weight:normal;}


/**  DESCENT | LOGIN --------------------------------------------*/
#login {float:left; margin: 20px 0 0 50px; background: repeat url(../img/bg_spot.png); padding: 30px;}
#login h1 {color:#FFD454; font-weight:bold; }
#login h1 em { font-style:normal; color:#FFFFFF;}
#login h2 {}
#login form { margin: 20px 0 20px 0;}
#login p { float:left; margin-right: 20px; display:block;}
#login label { text-transform:uppercase; font-size:11px; color:#FFFFFF; float:left; display:block; padding: 9px 5px 5px 0;}
#login .input { background: no-repeat url(../img/bg_input.png); width: 277px; height:18px; border:none; padding: 6px; color:#FFFFFF;}
#login .input { background: no-repeat url(../img/bg_input_login.png); width: 277px; height:18px; border:none; padding: 6px; color:#FFFFFF;}
#login .error {color:#FFD454; font-style:italic; padding: 5px 0 5px 0; display:block;}
#login .submit { color:#333333;padding: 5px 5px 5px 5px;}


/**  DESCENT | CMS PAGE BODY SPECIFICS--------------------------------------------*/
#page_box h1 {color:#FFD454; margin: 20px 0 0 20px; font-weight:bold; font-size:16px;}
#page_box h2 {color:#FFD454;margin: 15px 0 10px 20px; border-bottom: 1px dotted #333333; width:90%; padding-bottom: 5px; font-weight:bold; }
#page_box h1 em { font-style:normal; color:#FFFFFF;}
#page_box p { color:#ccc;margin: 0px 0 10px 20px; line-height:18px;}
#page_box a { color:#FFD454; text-decoration:none;}
#page_box a:hover { text-decoration:underline;}
#page_box .error {color: #FF3300; margin: 10px 0 10px 20px; }

#page_box .main { float:left; width: 500px;}
#page_box .main p { padding: 10px 60px 10px 0;}
#page_box .right { float:left; width: 200px; border-left: 1px dotted #333333; min-height: 440px; }
#page_box .right label { text-align:left;}

#page_box .right li { margin: 0px 0px 5px 30px; list-style:none; line-height:18px;color:#FFD454; }
#page_box .right p {margin: 0px 0px 5px 30px;}
#page_box .right li strong { color:#FFD454; font-weight:normal;}
#page_box .right li em { color:#ccc; font-style:normal; font-size:10px;}

#page_box .right .input {background: no-repeat url(../img/bg_input_side.png); width:168px; margin: 5px 0 5px 0; height:18px; border:none; padding: 6px; color:#FFFFFF;}

#page_box .error {  font-weight:bold; width:90%; }
#page_box .error p { color: #FF3300;}

/**  DESCENT | HOMEPAGE BOXES -------------------------------------------*/
#page_box .folder { padding: 20px 10px 10px 10px; margin: 40px 0 0 30px; float:left; width: 250px; height: 65px;}
#page_box .folder h1 { margin: 0 0 0 30px; font-size:14px;}
#page_box .mail { }
#page_box ul { margin-top: 10px;}
#page_box li {  margin: 5px 0 5px 50px;}
#page_box li a { color:#CCCCCC; text-decoration:none;}
#page_box li a:hover {color:#FFD454; }

#page_box p em.note { font: normal 10px; color:#fff;}
#page_box p em.note span { color:#FFD454; }
#page_box p em.block { display:block; margin-left: 130px; }
#page_box p em.req {font: normal 10px; color:#fff;}
#page_box p em.req span { color:#FF0000; }
#page_box p.des { margin: 20px; padding: 20px; line-height: 20px;  border-top: 1px dotted #333333; border-bottom: 1px dotted #333333; font-size:11px; } 


/**  DESCENT | EDIT PAGE FORM SPECIFICS --------------------------------------------*/
#page_box form { margin-top: 20px;}
#page_box form p { display:block; margin:  0px 0 0px 20px;}
#page_box form label { width: 100px; float:left; display:block; text-align:right; padding-right: 10px; padding-top: 6px; text-transform:uppercase;}

/* fix for upload.gsd */
#page_box .upload p { display:block; margin:  0px 0 0px 20px;}
#page_box .upload label { width: 100px; float:left; display:block; text-align:right; padding-right: 10px; padding-top: 6px; text-transform:uppercase;}

#page_box form .input { background: no-repeat url(../img/bg_input.png); width: 250px; height:18px; border:none; padding: 6px; color:#FFFFFF;color: #fff;font: normal 11px  "Arial";}
#page_box form .textarea { background: no-repeat url(../img/bg_textarea.png); width: 157px; height:300px; border:none; padding: 6px; color:#FFFFFF;color: #fff;font: normal 11px  "Arial";}
#page_box form .select {  color:#000000; width:160px;}
#page_box form .submit { margin-left: 20px; color:#000; }
#page_box form .indent { margin: 15px 0 0 150px; color:#000000; }
#page_box form .black, #page_box form .black option { color:#000000;}


#text small { padding: 5px; color:#CCCCCC; line-height: 18px; margin-top:10px;}
/**  DESCENT | LISTING PAGE TABLE SPECIFICS --------------------------------------------*/
#tlb {width: 90%;margin: 10px 20px 20px 15px;border:none; padding:0;}
#tlb th { color:#CCCCCC;padding: 5px;border-right: 1px dotted #333;border-bottom: 1px dotted #333;letter-spacing: 2px;padding: 6px 6px 6px 12px; text-align:left;}
#tlb tr {}
#tlb td {	border-right: 1px dotted #333;border-bottom: 1px dotted #333;padding: 6px 6px 6px 12px; text-align:left;}
#tlb td a {color:#FFD454; text-decoration:none;}
#tlb td a:hover { text-decoration:underline;color:#FFD454;}
#tlb td em {color: #ccc; font-size:10px;}