/******************
 *  GLOBAL RESET  *
 ******************/
 
*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}


/***************
 *  CENTERING  *
 ***************/
 
body
{
  background:                 #DCDCDC url("../img/body.png") repeat-x 0 0;
  text-align:                 center;
  min-width:                  770px;
}

div#wrapper
{
  text-align:                 left;
  width:                      770px;
  margin:                     0 auto;
  padding:                    0 0 115px 0;
}

div#shader
{
  position:                   absolute;
  z-index:                    900;
  left:                       0px;
  top:                        0px;
  width:                      100%;
  height:                     100%;
  background:                 #003000;
  filter:                     alpha(opacity=30);
  opacity:                    0.30;
}

div.content
{
  background:                 white;
  margin:                     0 0 0 20px;
  padding:                    0;
  width:                      748px;
  border-left:                solid 1px black;
  border-right:               solid 1px black;
}

/****************
 *  TYPOGRAPHY  *
 ****************/
 
body 
{
  font-family:                Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  color:                      #333;
  font-size:                  12px;
  font-weight:                normal;
  font-style:                 normal; 
}

a, a:link, a:visited, a:active
{ 
  color:                      #336699; 
  background-color:           transparent;
  text-decoration:            underline;
}

a:hover
{
  color:                      #336699; 
  background-color:           transparent;
  text-decoration:            none;
}

a.graphic, a.graphic:link, a.graphic:visited, a.graphic:active, a.graphic:hover
{ 
  border:                     none; 
  text-decoration:            none; 
  background-color:           transparent;
}

h1 
{
	color:                       #0F115F;
	font-size:                   35px;
	font-weight:                 normal;
	margin:                      0 0 0.25em 0;
	line-height:                 1.1em;
}

h2 
{
	font-size:                   13px;
	font-weight:                 bold;
	color:                       #0F115F;
	margin:                      0.1em 0 0.25em 0;
	line-height:                 1.1em;
	text-align:                  justify;
}

h2.underline
{
  border-bottom:               solid 1px #aaa;
  margin-bottom:               1em;
}

h3 
{
	font-size:                   12px;
	font-weight:                 bold;
	color:                       #263B56;
	margin:                      0.1em 0 0.15em 0;
	line-height:                 1.1em;
}
	
h4 
{
	font-size:                   1.2em;
	line-height:                 1.6em;
	color:                       #316595;
	display:                     block;
	padding-top:                 5px;
	border:                      none;
}

h5 
{
	font-size:                   1.1em;
	line-height:                 1.5em;
	color:                       #333333;
	display:                     block;
	padding-top:                 5px;
}

h6 
{
	font-size:                   25px;
	line-height:                 1.3em;
	color:                       #0F115F;
	display:                     block;
}

p 
{
	margin-bottom:              0.8em;
	text-align:                 left;
	line-height:                1.4em;
}	

ul
{
  padding-left:               15px;
  list-style-image:           url("../img/bullet.gif");
  
}

.gold, a.gold, a.gold:link, a.gold:visited, a.gold:active, a.gold:hover
{
  font-weight:                bold;
  color:                      #FFC81F;
}

.bigger
{
  font-size:                  110%;
}

.grey
{
  color:                      #888;
}

table
{
  font-family:                Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size:                  12px;
}

/***************
 *    INPUT    *
 ***************/

input
{
  font-family:                inherit;
  font-size:                  100%;
  font-weight:                normal;
  font-style:                 normal;  
  clear:                      right;
  width:                      98%;
  margin-bottom:              3px;	
  color:                      #333;
  padding:                    2px;
  border:                     solid 1px #41426D;
  background:                 transparent url("../img/input.gif") repeat-x 0 0;  
}

select
{
  font-family:                Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  color:                      #333;
  font-size:                  12px;
  font-weight:                normal;
  font-style:                 normal; 
}

textarea
{
  width:                      100%;
  font-family:                Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  color:                      #333;
  font-size:                  12px;
  font-weight:                normal;
  font-style:                 normal; 
  height:                     200px;
  background:                 white url("../img/input.gif") repeat-x 0 0;  
  border:                     solid 1px #41426D;
}

/*********************
 *    FORM TABLE     *
 *********************/
 
table.form
{
  width:                      100%;
}

table.form td.left
{
  text-align:                 right;
  padding:                    5px 10px 5px 0;
  border-right:               solid 2px #DBE8ED;
}

table.form td.right
{
  text-align:                 left;
  padding:                    5px 5px 5px 10px;
}

table.form span.required
{
  color:                      #B50042;
}

table.form div.comment
{
  color:                      #888;
  margin:                     8px 0 20px 0;
}

table.form div.error
{
  font-weight:                bold;
  color:                      red;
}


/***************
 *     BOX     *
 ***************/
 
div.box_normal
{
  border:                     solid 1px #B2D7E1;
  background:                 #F2F7F8;
  padding:                    5px;
  margin:                     0 0 10px 0;
}

div.box_normal div.box_normal_caption
{
  padding:                    3px 0 3px 0;
  margin:                     0 0 8px 0;
  border-bottom:              solid 1px #aaa;
  font-size:                  90%;
}

div.box_normal div.box_normal_footer
{
  padding:                    3px 0 0 0;
  margin:                     8px 0 0 0;
  border-top:                 solid 1px #aaa;
  font-size:                  90%;
}  

div.box_trace
{
  border:                     solid 1px #B2D7E1;
  background:                 #F2F7F8;
  padding:                    5px;
  margin:                     0 0 10px 0;
}

div.box_warning
{
  font-weight:                bold;
  border:                     solid 1px #ECDA6E;
  background:                 #FFFFE9 url("../img/icons/warning.gif") no-repeat 10px 10px;
  padding:                    12px 5px 14px 45px;
  margin:                     0 0 10px 0;
}

div.box_error
{
  border:                     solid 1px #DEA3A3;
  background:                 #FFEDE5 url("../img/icons/error.gif") no-repeat 10px 10px;
  padding:                    12px 5px 14px 45px;
  margin:                     0 0 10px 0;
}

div.box_info
{
  color:                      #294B6E;
  border:                     solid 1px #B2D7E1;
  background:                 #F2F7F8 url("../img/icons/info.gif") no-repeat 10px 10px;
  padding:                    12px 5px 14px 45px;
  margin:                     0 0 10px 0;
}

div.box_success
{
  color:                      #386522;
  border:                     solid 1px #9CD580;
  background:                 #EDFFE4 url("../img/icons/success.gif") no-repeat 10px 10px;
  padding:                    12px 5px 14px 45px;
  margin:                     0 0 10px 0;
}

/***************
 *    HEADER   *
 ***************/
 
div.header
{
  position:                   relative;
  width:                      770px;
  height:                     134px;
  background:                 #555555 url("../img/header.jpg") no-repeat 0 0;
  margin-top:                 0px;
  color:                      white;
}

div.header div.login
{
  text-align:                 right;
  padding:                    46px 10px 0 0;
  line-height:                28px;
}

div.logout
{
  margin:                     15px 20px 0 0;
  float:                      right;
}

div.footer
{
  width:                      740px;
  height:                     70px; /* -30 padding */
  background:                 transparent url("../img/footer.gif") no-repeat 0 0;
  margin:                     0 0 0 0;
  padding:                    25px 0 0 30px;
  color:                      white;  
  text-align:                 center;
  font-size:                  11px;
  line-height:                1.2em;
}

/*********************
 *      LOGIN        *
 *********************/

div#login
{
  background:                 transparent url("../img/login.jpg") no-repeat 0 0;
  position:                   absolute;
  top:                        50%;
  left:                       50%;
  text-align:                 left;
  width:                      340px; /* 380 - 40 */
  margin-left:                -190px;
  height:                     400px;
  margin-top:                 -200px;
  padding:                    20px 20px 20px 20px;
}

/*********************
 *     SIDEBAR       *
 *********************/
 
td.sidebar
{
  width:                      150px; /* -10 padding */
  background:                 #FFF9FE;
  padding:                    15px 1px 15px 1px;
}

td.sidebar ul
{
  list-style:                 none;  
  list-style-type:            none;
  list-style-image:           none;
  padding:                    0;
  margin:                     0;
}

td.sidebar li
{
  margin:                     0;
  padding:                    0 0 0 0px;
  border:                     solid 1px #FFF9FE;  /* sja... */
}

td.sidebar li a, td.sidebar li a:link, td.sidebar li a:visited, td.sidebar li a.active, td.sidebar li a:hover
{
  display:                    block;
  border-bottom:              solid 1px #ecc;
  padding:                    5px 0 5px 34px;
  background-position:        5px 5px;
  background-repeat:          no-repeat;
  text-decoration:            none;
  font-weight:                normal;
  color:                      #555;
  margin:                     0;
}

td.sidebar li a.active, td.sidebar li a.active:link, td.sidebar li a.active:visited, td.sidebar li a.active:active, td.sidebar li a.active:hover
{
  border-bottom:              solid 2px #B50042;
  font-weight:                bold;
  background-color:           #eee;
}

td.sidebar li a:hover
{
  border-bottom:              solid 1px #B50042;
  background-color:           #eee;
}

td.sidebar li.active a:hover
{
  border-bottom:              solid 2px #B50042;
  background-color:           #eee;
}

td.sidebar ul ul
{
  list-style:                 none;
  padding:                    5px 0 8px 0;
  margin:                     0;
  background-color:           #eee;
}

td.sidebar li li
{
  border:                     solid 1px #eee;
}

td.sidebar li li a, td.sidebar li li a:link, td.sidebar li li a:visited, td.sidebar li li a:active, td.sidebar li li a:hover
{
  font-size:                  90%;
  font-weight:                normal;
  color:                      #666;
  padding:                    2px 0 2px 27px;
  text-decoration:            none;
  background:                 transparent;
  border:                     none;
}


/****************************
 *          MUGSHOT         *
 ****************************/
 
div.photos
{
  position:                   relative;
}

div.polaroid
{
  width:                      126px;
  height:                     130px;
  background:                 white url("../img/polaroid.gif") no-repeat 0 0;
  position:                   relative;
}

div.polaroid div.photo
{
  width:                      100px;
  height:                     80px;
  position:                   absolute;
  left:                       13px;
  top:                        13px;
}

div.polaroid div.caption
{
  width:                      100px;
  height:                     24px;
  position:                   absolute;
  left:                       13px;
  top:                        96px;
  text-align:                 center;
  overflow:                   hidden;
  font-size:                  10px;
  line-height:                1.1em;
}

div.polaroid div.caption table
{
  font-size:                  10px;
  line-height:                1.1em;
}

/******************************
 *         MAGNIFY            *
 ******************************/

div.magnify
{
  position:                   absolute;
  z-index:                    90;
  background:                 black;
  padding:                    0;
}

div.magnify_inner
{
  position:                   relative;
  background:                 black;
  border:                     solid 8px #999999;
  padding:                    0;
}

img.magnify_img
{
  border:                     solid 1px black;
}


/********************************
 *            SIFR              *
 ********************************/
 
.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h6 {
	visibility: hidden;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*******************
 *     GROUPS      *
 *******************/
 
div.groups
{
}

div.groups ul
{
  padding:                    0 0 0 0;
  list-style:                 none;
  list-style-image:           none;
}

div.groups ul.sub
{
  padding:                    0 0 0 15px;
}

div.groups img.btn
{
  vertical-align:             text-top;
  margin:                     0 5px 0 0;  
  cursor:                     pointer;
}

div.groups li
{
  padding:                    0 0 0 0px;
  background:                 url("../img/tree_li.gif") no-repeat 0 0;
}

div.groups li.last
{
  background:                 url("../img/tree_li_last.gif") no-repeat 0 0;
}

div.groups span.group_active
{
  font-weight:                bold;
}



/***************************
 *         WINDOW          *
 ***************************/
 
div#loader
{
  position:                   absolute;
  left:                       50%;
  text-align:                 left;
  width:                      220px;
  height:                     19px;
  margin-left:                -110px;
  padding:                    0px;
  top:                        0px;
  background:                 transparent url("../img/loader.gif") no-repeat 0 0; 
  z-index:                    1000;
}

div#photo_window
{
  position:                   absolute;
  left:                       50%;
  text-align:                 left;
  width:                      352px;
  margin-left:                -171px;
  padding:                    10px;
  top:                        0px;
  border:                     solid 1px black;
  background:                 white; 
  z-index:                    1000;
}

div#photo_window_img
{
  width:                      350px;
  border:                     solid 1px black;
}

div#photo_window_title
{
  margin:                     5px 0 5px 0;
}

div#photo_window_description
{
}

div.window
{
  position:                   absolute;
  left:                       50%;
  text-align:                 left;
  width:                      484px;
  margin-left:                -242px;
  padding:                    10px;
  top:                        0px;
  border:                     solid 1px black;
  background:                 white; 
  z-index:                    1000;
}

/*********************
 *      STEPS        *
 *********************/
 
div.step_completed
{
  margin:                     0 0 10px 0;
  padding:                    0 0 0 23px;
  color:                      #ccc;
  text-decoration:            line-through;
  background:                 url("../img/admin_checked.gif") no-repeat 0 0;
}

div.step_current
{
  margin:                     0 0 10px 0;
  padding:                    0 0 0 23px;
  color:                      #005;
  background:                 url("../img/admin_not_checked.gif") no-repeat 0 0;
}

div.step_future
{
  margin:                     0 0 10px 0;
  padding:                    0 0 0 23px;
  color:                      #ccc;
  background:                 url("../img/admin_not_checked.gif") no-repeat 0 0;
}