/ ***************************************************
*  This skin is used for all container objects  *
****************************************************/

.UL {border-bottom: #CCC solid 1px; margin-bottom:10px; text-align:left;}
.OL {border-top: #333 dotted 1px; margin-top:20px; text-align:right;}
.StdContainer {margin-bottom:20px; clear:both; z-index:0;}
.StdVertLine {border-left:#CCC 1px solid; padding-left:10px;}
.visibility {position:absolute; right:20px; top:10px;}
.BoxBlueSq .visibility, .BoxGreyFlat1 .visibility, .BoxGreyFlat2 .visibility, .BoxGreyFlat3 .visibility, .BoxCreamSq .visibility, .BoxKhakiSq .visibility, .BoxWhiteFlat .visibility {position:absolute; right:5px; top:0px; display:block; width:12px; height:15px;}
.OpenWhite .content {position:relative;}

.BoxWhite {background:#FFF url(graphics/box_white_r.gif) right repeat-y; position:relative;}
.BoxWhite .top {background:url(graphics/box_white_t.gif) top repeat-x; position:relative;height:20px;margin:0px; padding:0px;}
.BoxWhite .topleft {background:url(graphics/box_white_tl.gif) left top no-repeat; position:absolute; left:0; top:0; height:30px; width:20px;}
.BoxWhite .topright {background:url(graphics/box_white_tr.gif) right top no-repeat;position:absolute; right:0; top:0; height:30px; width:20px;}
.BoxWhite .content {background:#FFF url(graphics/box_white_l.gif) left top repeat-y; padding:0px 0px 5px 20px;margin:-2px 25px 0 0;}
.BoxWhite .bottom {background:url(graphics/box_white_b.gif) bottom repeat-x; height:20px; position:relative; margin-top:-4px;}
.BoxWhite .bottomleft {background:url(graphics/box_white_bl.gif) left bottom no-repeat; position:absolute; left:0; bottom:0; height:30px; width:20px;}
.BoxWhite .bottomright {background:url(graphics/box_white_br.gif) right bottom no-repeat;position:absolute; right:0; bottom:0; height:30px; width:20px;}

.BoxWhiteFlat {background-color:#FFF; position:relative; border:#C0C0C0 1px solid;}
.BoxWhiteFlat .content {background-color:#FFF;}

.BoxKhaki {background:#B5B594 url(graphics/box_khaki_r.gif) right repeat-y; position:relative;}
.BoxKhaki .top {background:url(graphics/box_khaki_t.gif) top repeat-x; position:relative; height:10px; margin:0px; padding:0px;}
.BoxKhaki .topleft {background:url(graphics/box_khaki_tl.gif) left top no-repeat; position:absolute; left:0px; top:0; height:10px; width:10px;}
.BoxKhaki .topright {background:url(graphics/box_khaki_tr.gif) right top no-repeat; position:absolute; right:0; top:0; height:10px; width:10px;}
.BoxKhaki .content {background:#B5B594 url(graphics/box_khaki_l.gif) left top repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px;}
.BoxKhaki .bottom {background:url(graphics/box_khaki_b.gif) bottom repeat-x; margin: 0px; height: 0px; position: absolute; width: 100%;}
.BoxKhaki .bottomleft {background:url(graphics/box_khaki_bl.gif) no-repeat; float: left; margin-top: -10px; height:10px; width:10px;}
.BoxKhaki .bottomright {background:url(graphics/box_khaki_br.gif) no-repeat; float: right; margin-top: -10px; height:10px; width:10px;}

.BoxKhakiOF {margin-bottom:8px; background:#B5B594 url(graphics/box_khaki_r.gif) right repeat-y; position:relative;}
.BoxKhakiOF .top {background:url(graphics/box_khaki_t.gif) top repeat-x; position:relative; height:10px; margin:0px; padding:0px;}
.BoxKhakiOF .topleft {background:url(graphics/box_khaki_tl.gif) left top no-repeat; position:absolute; left:0px; top:0; height:10px; width:10px;}
.BoxKhakiOF .topright {background:url(graphics/box_khakiOF_tr.gif) right top no-repeat; position:absolute; right:0; top:0; height:10px; width:10px;}
.BoxKhakiOF .content {background:#B5B594 url(graphics/box_khaki_l.gif) left top repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px;}
.BoxKhakiOF .bottom {background:url(graphics/box_khaki_b.gif) bottom repeat-x; margin: 0px; height: 0px; position: absolute; width: 100%;}
.BoxKhakiOF .bottomleft {background:url(graphics/box_khaki_bl.gif) no-repeat; float: left; margin-top: -10px; height:10px; width:10px;}
.BoxKhakiOF .bottomright {background:url(graphics/box_khakiOF_br.gif) no-repeat; float: right; margin-top: -10px; height:10px; width:10px;}

.BoxKhakiSq {background-color:#B5B594; position:relative; border:#B5B594 1px solid;}
.BoxKhakiSq .content {background-color:#B5B594;margin:0px 0px 0px 0px;}

.BoxBlue {background:#7B8C9C url(graphics/box_blue_r.gif) right repeat-y; position:relative;}
.BoxBlue .top {background:url(graphics/box_blue_t.gif) top repeat-x; position:relative; height:10px; margin:0px; padding:0px;}
.BoxBlue .topleft {background:url(graphics/box_blue_tl.gif) left top no-repeat; position:absolute; left:-0px; top:0; height:10px; width:10px;}
.BoxBlue .topright {background:url(graphics/box_blue_tr.gif) right top no-repeat; position:absolute; right:0; top:0; height:10px; width:10px;}
.BoxBlue .content {background:#7B8C9C url(graphics/box_blue_l.gif) left top repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px;}
.BoxBlue .bottom {background:url(graphics/box_blue_b.gif) bottom repeat-x; margin: 0px; height: 0px; position: absolute; width: 100%;}
.BoxBlue .bottomleft {background:url(graphics/box_blue_bl.gif) no-repeat; float: left; margin-top: -10px; height:10px; width:10px;}
.BoxBlue .bottomright {background:url(graphics/box_blue_br.gif) no-repeat; float: right; margin-top: -10px; height:10px; width:10px;}

.BoxBlueSq {background-color:#7B8C9C; position:relative; border:#BFC0C0 1px solid;}
.BoxBlueSq .content {background-color:#7B8C9C; margin:0px 20px 0 20px;}

.BoxGrey1 {background:#666 url(graphics/box_grey1_r.gif) right repeat-y; position:relative;}
.BoxGrey1 .top {background:url(graphics/box_grey1_t.gif) top repeat-x; position:relative;height:20px;margin:0px; padding:0px;}
.BoxGrey1 .topleft {background:url(graphics/box_grey1_tl.gif) left top no-repeat; position:absolute; left:0; top:0; height:30px; width:20px;}
.BoxGrey1 .topright {background:url(graphics/box_grey1_tr.gif) right top no-repeat;position:absolute; right:0; top:0; height:30px; width:20px;}
.BoxGrey1 .content {background:#666 url(graphics/box_grey1_l.gif) left top repeat-y;padding:0px 0px 5px 20px;margin:-2px 25px 0 0; }
.BoxGrey1 .bottom {background:url(graphics/box_grey1_b.gif) bottom repeat-x; height:20px; position:relative; margin-top:-4px;}
.BoxGrey1 .bottomleft {background:url(graphics/box_grey1_bl.gif) left bottom no-repeat; position:absolute; left:0; bottom:0; height:30px; width:20px;}
.BoxGrey1 .bottomright {background:url(graphics/box_grey1_br.gif) right bottom no-repeat;position:absolute; right:0; bottom:0; height:30px; width:20px;}

.BoxGreyFlat1 {background-color:#666; position:relative; border:#666 1px solid;}
.BoxGreyFlat1 .content {background-color:#666;margin:0px 20px 0 20px;}

.BoxGrey1 h1, .BoxGrey1 h2, .BoxGrey1 h3, .BoxGrey1 h4, .BoxGrey1 h5, .BoxGrey1 h6, .BoxGrey1 .Normal, .BoxGrey1 p, .BoxGrey1 a.CommandButton:link, .BoxGrey1 a,
.BoxGreyFlat1 h1, .BoxGreyFlat1 h2, .BoxGreyFlat1 h3, .BoxGreyFlat1 h4, .BoxGreyFlat1 h5, .BoxGreyFlat1 h6, .BoxGreyFlat1 .Normal, .BoxGreyFlat1 p, .BoxGreyFlat1 a.CommandButton:link, .BoxGreyFlat1 a {color:#FFF !important;}

.BoxGrey2 {background:#999 url(graphics/box_grey2_r.gif) right repeat-y; position:relative;}
.BoxGrey2 .top {background:url(graphics/box_grey2_t.gif) top repeat-x; position:relative;height:20px;margin:0px; padding:0px;}
.BoxGrey2 .topleft {background:url(graphics/box_grey2_tl.gif) left top no-repeat; position:absolute; left:0; top:0; height:30px; width:20px;}
.BoxGrey2 .topright {background:url(graphics/box_grey2_tr.gif) right top no-repeat;position:absolute; right:0; top:0; height:30px; width:20px;}
.BoxGrey2 .content {background:#999 url(graphics/box_grey2_l.gif) left top repeat-y;padding:0px 0px 5px 20px;margin:-2px 25px 0 0;}
.BoxGrey2 .bottom {background:url(graphics/box_grey2_b.gif) bottom repeat-x; height:20px; position:relative; margin-top:-4px;}
.BoxGrey2 .bottomleft {background:url(graphics/box_grey2_bl.gif) left bottom no-repeat; position:absolute; left:0; bottom:0; height:30px; width:20px;}
.BoxGrey2 .bottomright {background:url(graphics/box_grey2_br.gif) right bottom no-repeat;position:absolute; right:0; bottom:0; height:30px; width:20px;}

.BoxGreyFlat2 {background-color:#999; position:relative; border:#666 1px solid;}
.BoxGreyFlat2 .content {background-color:#999;margin:0px 20px 0 20px;}

.BoxGrey2 h1, .BoxGrey2 h2, .BoxGrey2 h3, .BoxGrey2 h4, .BoxGrey2 h5, .BoxGrey2 h6, .BoxGrey2 .Normal, .BoxGrey2 p, .BoxGrey2 a.CommandButton:link, .BoxGrey2 a,
.BoxGreyFlat2 h1, .BoxGreyFlat2 h2, .BoxGreyFlat2 h3, .BoxGreyFlat2 h4, .BoxGreyFlat2 h5, .BoxGreyFlat2 h6, .BoxGreyFlat2 .Normal, .BoxGreyFlat2 p, .BoxGreyFlat2 a.CommandButton:link, .BoxGreyFlat2 a {color:#000 !important;}

.BoxGrey3 {background:#CCC url(graphics/box_grey3_r.gif) right repeat-y; position:relative;}
.BoxGrey3 .top {background:url(graphics/box_grey3_t.gif) top repeat-x; position:relative;height:20px;margin:0px; padding:0px;}
.BoxGrey3 .topleft {background:url(graphics/box_grey3_tl.gif) left top no-repeat; position:absolute; left:0; top:0; height:30px; width:20px;}
.BoxGrey3 .topright {background:url(graphics/box_grey3_tr.gif) right top no-repeat;position:absolute; right:0; top:0; height:30px; width:20px;}
.BoxGrey3 .content {background:#CCC url(graphics/box_grey3_l.gif) left top repeat-y;padding:0px 0px 5px 20px;margin:-2px 25px 0 0;}
.BoxGrey3 .bottom {background:url(graphics/box_grey3_b.gif) bottom repeat-x; height:20px; position:relative; margin-top:-4px;}
.BoxGrey3 .bottomleft {background:url(graphics/box_grey3_bl.gif) left bottom no-repeat; position:absolute; left:0; bottom:0; height:30px; width:20px;}
.BoxGrey3 .bottomright {background:url(graphics/box_grey3_br.gif) right bottom no-repeat;position:absolute; right:0; bottom:0; height:30px; width:20px;}

.BoxGreyFlat3 {background-color:#CCC; position:relative; border:#9A9A9A 1px solid;}
.BoxGreyFlat3 .content {background-color:#CCC;margin:0px 20px 0 20px;}

.BoxCream {background:#DEDEC6 url(graphics/box_Cream_r.gif) right repeat-y; position:relative;}
.BoxCream .top {background:url(graphics/box_Cream_t.gif) top repeat-x; position:relative; height:10px; margin:0px; padding:0px;}
.BoxCream .topleft {background:url(graphics/box_Cream_tl.gif) left top no-repeat; position:absolute; left:0; top:0; height:10px; width:10px;}
.BoxCream .topright {background:url(graphics/box_Cream_tr.gif) right top no-repeat;position:absolute; right:0; top:0; height:10px; width:10px;}
.BoxCream .content {background:#DEDEC6 url(graphics/box_Cream_l.gif) left top repeat-y;padding:0px 10px 0px 10px;margin:0px 3px 0px 0px;}
.BoxCream .bottom {background:url(graphics/box_Cream_b.gif) bottom repeat-x; height:20px; position:relative; margin: 0px;}
.BoxCream .bottomleft {background:url(graphics/box_Cream_bl.gif) left bottom no-repeat; position:absolute; left:0px; bottom:0px; height:20px; width:10px;}
.BoxCream .bottomright {background:url(graphics/box_Cream_br.gif) right bottom no-repeat;position:absolute; right:0; bottom:0px; height:20px; width:10px;}

.BoxCreamSq {background-color:#DEDEC6; position:relative; border:#CCC 1px solid;}
.BoxCreamSq .content {background-color:#DEDEC6;margin:0px 20px 0 20px;}

.GreyVertLine {border-left: #CCC 1px solid; padding-left:10px;}

.BoxBlueSq .content, .BoxGreyFlat1 .content, .BoxGreyFlat2 .content, .BoxGreyFlat3 .content, .BoxCreamSq .content, .BoxKhakiSq .content, .BoxWhiteFlat .content {margin:5px 10px 10px 10px;padding:0px;}