/* Box Structure **DO NOT EDIT** Add/Edit Themes below
----------------------------------------------------- */

/* box - base */
.box {margin:5px;}
.box .box_inner {/*background: url(themes/transparent.png) repeat left top;*/}
.hd, .bd, .ft {overflow:hidden;_overflow:visible; _zoom:1;}
.box_inner {position:relative;}
.box ins {background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.box .hd h4 {display:block; position:relative; margin:0;}
.box .hd h4 span {display:block; position:absolute; top:2px; right:8px; margin:0; width:35%; height:1.6em; line-height:1.6em; text-align:right; }
.box .hd h4 span, .box .hd h4 span a {font-size:11px; font-weight:normal; font-family:NiceFont, Arial, Helvetica, sans-serif;}
.tl, .tr, .bl, .br {height:10px; width:10px;float:left;}
.bd {padding:10px;}
.tl {background-position: left top;}
.tr {background-position: right top;}
.bl {background-position: left bottom;} 
.br {background-position: right bottom;}
.br, .tr {float:right;}
.tr, .tl {overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl, .br {margin-top:-10px;}
.box_top {background-position:center top;}
.box_bottom {background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/


/* fancy */
.fancy {overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.fancy ins {display:block;}
.fancy .tl, .fancy .tr {height:32000px; margin-bottom:-32000px;width:10px;}
.fancy .bl, .fancy .br {/*margin-top:0;*/}
.fancy .box_top {height:5px;}
.fancy .box_bottom {height:5px;/*margin-top:-10px;*/}


/* transparent box */
.transBox {margin:5px;}
.transBox ins {display:block; margin:0; padding:0; border:0; height:8px; overflow:hidden; background-repeat:no-repeat; font-size:1%; position:relative; z-index:10;}
.transBox ins:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.transBox .tl, .transBox .tr, .transBox .bl, .transBox .br {height:8px; width:8px; float:left;}
.transBox .tc, .transBox .bc {position:absolute; z-index:9; top:0; left:8px; right:8px; height:8px;}
.transBox .box_inner {position:relative; *margin-top:-1px;}
.transBox .bd {padding:10px;}

.transBox .tl {background-position: left top;}
.transBox .tr {background-position: right top;}
.transBox .tc {background-repeat:repeat-x;}
.transBox .bl {background-position: left bottom;} 
.transBox .br {background-position: right bottom;}
.transBox .bc {background-repeat:repeat-x;}

.transBox .br, .transBox .tr {float:right;}

/* darkbox (extents transBox) */
.darkbox .box_inner {background-image:url(themes/box/trans_gray.png);}
.darkbox ins {background-image:url(themes/box/trans_gray_corners.png);}
.darkbox .tc, .darkbox .bc {background-image:url(themes/box/trans_gray.png);}

/* darkbox at 80% trans (extents transBox) */
.darkbox80 .box_inner {background-image:url(themes/box/trans80_gray.png);}
.darkbox80 .tl, .darkbox80 .tr, .darkbox80 .bl, .darkbox80 .br {background-image:url(themes/box/trans80_gray_corners.png);}
.darkbox80 .tc, .darkbox80 .bc {background-image:url(themes/box/trans80_gray.png);}


/* box themes **ADD THEMES HERE**
----------------------------------------------------- */

/* remove background-image:" to default to square corners for IE */

/* ----- simple (extends box) ----- */
.simple .box_inner {border:1px solid #011F1D; /*-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;*/}
.simple ins {background-image:url(themes/box/simple_corners.png);}

/* ----- simpleNoGfx (extends box) ----- */
.simpleNoGfx .box_inner {border:0; /*-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;*/}
.simpleNoGfx ins {background-image:none;}
.simpleNoGfx .default {background:none;}

/* ----- simpleColor -blue (extends box) ----- */
.simpleColor .box_inner {border:0; background-color:#0C3330;}
.simpleColor ins {background-image:none;}

/* ----- lightColor -blue (extends box) ----- */
.lightColor .box_inner {border:0; background-color:#0C3330;}
.lightColor ins {background-image:none;}

/* ----- simplePink (extends box) ----- */
.simplePink .box_inner {border:0; background-color:#F9C7E0;}
.simplePink ins {background-image:url(themes/box/color_corners.png);}

/* ----- lightPink (extends box) ----- */
.lightPink .box_inner {border:0; background-color:#FBDAEA;}
.lightPink ins {background-image:url(themes/box/light_color_corners.png);}



/* ----- simpleWhite (extends box) ----- */
.simpleWhite .box_inner {border:0; background-color:#3D5C59;}
.simpleWhite ins {/*background-image:url(themes/box/white_corners.png);*/}

/* ----- simpleGray (extends box) ----- */
.simpleGray .box_inner {border:0; background-color:#515151;}
.simpleGray ins {background-image:url(themes/box/gray_corners.png);}

/* gallery - put in ROW */
.gallery .box {margin-left:-1px;}

/* ----- photo (extends fancy) - put in box ----- */

.photo .box_inner {border:0; margin:0 4px 0 0; padding:0 0 0 4px; background-image:url(themes/box/photo.png)!Important; background-position:left 50%;}
.photo ins {background-image:url(themes/box/photo.png);}
.photo .bd {margin:0 -4px 0 0; padding:0; background-image:url(themes/box/photo.png)!Important; background-position:right 50%;}
.photo .bd img {border:0;}
.photo .tr, .photo .tl {width:4px; height:4px; margin-bottom:0;}
.photo .box_top {position:relative;height:4px; margin:0 4px;} 
.photo .box_bottom {position:relative;height:4px; margin:0 4px;} 
.photo .bl, .photo .br {width:4px; height:4px; margin-top:0;}

.photo .tl, .photo .tr, .photo .bl, .photo .br {position:absolute; z-index:20; background-image:url(themes/box/photo.png)!Important;}
.photo .tl {top:0; left:-4px; bottom:4px;}
.photo .tr {top:0; right:-4px; bottom:4px;}
.photo .bl {bottom:0; left:-4px;}
.photo .br {bottom:0; right:-4px;}


/* photo widths: +8 (4+4) for the graphical border widths */
/* add to class after photo, eg.  class="box fancy photo pw100"   */

.pw50 {width:58px;}
.pw100 {width:108px;}
.pw200 {width:208px;}


/* ----- fade - box with faded edges, blue to white (extends fancy) - put in box ----- */

.fade .box_inner {border:0; margin:0 4px 0 0; padding:0 0 0 4px; background-image:url(themes/box/photo_blue.png)!Important; background-position:left 50%;}
.fade ins {background-image:url(themes/box/photo_blue.png);}
.fade .bd {margin:0 -4px 0 0; padding:10px; background-image:url(themes/box/photo_blue.png)!Important; background-position:right 50%;}
.fade .bd img {border:0;}
.fade .tr, .fade .tl {width:4px; height:4px; margin-bottom:0;}
.fade .box_top {position:relative;height:4px; margin:0 4px;} 
.fade .box_bottom {position:relative;height:4px; margin:0 4px;} 
.fade .bl, .fade .br {width:4px; height:4px; margin-top:0;}

.fade .tl, .fade .tr, .fade .bl, .fade .br {position:absolute; z-index:20; background-image:url(themes/box/photo_blue.png)!Important;}
.fade .tl {top:0; left:-4px; bottom:4px;}
.fade .tr {top:0; right:-4px; bottom:4px;}
.fade .bl {bottom:0; left:-4px;}
.fade .br {bottom:0; right:-4px;}


/* ----- headings - box toppers (extends box) ----- */

.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6 {margin:0; padding:5px 5px; *margin-top:-1px!Important;}

.default {background:#011F1D url(themes/box/header.png) repeat-x left bottom; color:#FC0;}
.default a {color:#C7F3DA; text-decoration:none;}
.default a:hover {color:#FF8; text-decoration:underline;}

.btm_action {padding:5px 10px; background-color:#011A19;}
.btm_action, .btm_action a {font-size:94%; font-weight:normal; text-decoration:none;}



/* Tables
----------------------------------------------------- */

table {margin:10px 0; width:100%;}
th, td {padding:4px;}


/* table theme - message center
----------------------------------------------------- */

/* simpleTable */
.simpleTable table {margin:10px 0; width:100%;}
.simpleTable th, td {padding:2px 4px;}
.simpleTable th {padding:4px; background:#EBF2D9; text-transform:uppercase; font-size:90%;}
.simpleTable td.subject {width:60%;}
.simpleTable td.date {width:20%;}
.simpleTable td.actions {width:20%;}