/* template customization */
body {
background-color: #FFFFFF;
}
/* disable the info div */
#myInfoDiv {
display: none;
}

/* disable footer */
.wFooter {
display:none;
}

/* layout */
#fullDiv {
text-align: middle;
}

#fullDiv a,
.widget_g1 a, .widget_g2 a, .widget_g3 a,
.board_g1 a, .board_g2 a, .board_g3 a {
color: blue;
}
#fullDiv a:link,
.widget_g1 a:link, .widget_g2 a:link, .widget_g3 a:link,
.board_g1 a:link, .board_g2 a:link, .board_g3 a:link {
color: blue;
}
#fullDiv a:visited,
.widget_g1 a:visited, .widget_g2 a:visited, .widget_g3 a:visited,
.board_g1 a:visited, .board_g2 a:visited, .board_g3 a:visited {
color: blue;
}

#bannerDiv {
position: relative;
width: 100%;
height: 150px;
margin: 0 0 10px 0;
background-color: #3ab222;
background: url(/images/t5/banner.jpg) no-repeat;
}


#bannerDiv #infoDiv {
position: absolute;
right: 0px;
bottom: 0px;
}

#bannerDiv .btn_finish {
width: 100px;
font-size: 12px;
line-height: 20px;
height: 25px;
outline: none;
border-width: 1px;
border-color: #333;
color: #EEE;
font-weight: bold;
background:#333 url(/images/d5/btn_black.gif) repeat-x left center;
}


#bannerDiv #customizeWidgetDiv {
position: absolute;
bottom: 5px;
left: 5px;
/* padding: 4px 12px; */
width: 48px;
height: 48px;
color: #FFF;
font-size: 100%;
font-weight: bold;
cursor: pointer;
z-index: 10;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/d3/customize.png');
}

#bannerDiv #customizeWidgetDiv[id] {
background: url(/images/d3/customize.png) no-repeat center center;
}

#bannerDiv #shader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 150px;
background: #000;
z-index: 5;
opacity: .0;
moz-opacity: .0;
filter:alpha(opacity=0);
}


#bannerDiv #customizeIntro {
position: absolute;
left: 200px;
top: 10px;
width: 500px;
z-index: 20;
opacity: .0;
moz-opacity: .0;
filter:alpha(opacity=0);
}

#bannerDiv #customizeIntro .title {
color: #FFF;
font-size: 180%;
font-weight: bold;
text-align: center;
}

#bannerDiv #customizeIntro .content {
color: #CCC;
font-size: 140%;
text-align: center;
margin-top: 5px;
}

#bannerDiv #customizeIntro .link {
margin-top: 20px;
font-size: 120%;
font-weight: bold;
text-align: center;
}

#bannerDiv #customizeIntro .link a {
color: #FFF;
text-decoration: underline;
}

#bannerDiv #infoDiv[id] {
background: transparent url(/images/t5/50perc.png);
}

.wDelete {
position: absolute;
cursor: pointer;
top: -4px;
right: -4px;
width: 20px;
height: 20px;
z-index: 20;
}

.wDelete[class] {
background: url(/images/d5/btn_remove.png) no-repeat top left;
}

* html .wDelete {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/d5/btn_remove.png');
}


/* IE6 only */
* html #bannerDiv #infoDiv {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/t5/50perc.png');
}
/* end */


#bannerDiv #infoDiv #siteName {
color: #FFF;
font-size: 180%;
font-weight: bold;
margin: 5px 10px;
text-align: right;
}

#bannerDiv #infoDiv #siteName a {
color: #FFF;
}

#bannerDiv #infoDiv #siteUrl {
color: #aaa;
font-size: 12px;
margin: 5px 10px;
text-align: right;
}

#g1 {
position: relative;
float: left;
clear: left;
display: inline;
width: 200px;
min-height: 400px;
}

#g2 {
position: relative;
float: left;
display: inline;
width: 460px;
margin-left: 20px;
min-height: 400px;
}

#g3 {
position: relative;
float: right;
clear: right;
display: inline;
width: 200px;
min-height: 400px;
}

/* IE6 set minimum height */
* html #g1 {
height: 400px;
}

* html #g2 {
height: 400px
}

* html #g3 {
height: 400px;
}
/* end IE6 */

.board, .board_s, .board_sm, .board_m, .board_l, board_h, .widget, .widget_s, .widget_sm, .widget_m {
position: relative;
margin-bottom: 18px;
}

* html .board { height: 1%; }
* html .board_s { height: 1%; }
* html .board_sm { height: 1%; }
* html .board_m { height: 1%; }
* html .board_l { height: 1%; }
* html .board_h { height: 1%; }
* html .widget { height: 1%; }
* html .widget_s { height: 1%; }
* html .widget_sm { height: 1%; }
* html .widget_m { height: 1%; }
* html .widget_l { height: 1%; }
* html .widget_h { height: 1%; }

.wInfoDiv {
background: #FBBA20;
padding: 1px 2px;
text-align: center;
font-size: 90%;
color: #444;
}

/* drag and drop */
#g1.editmode .widget .wHeading,#g1.editmode .board,
#g2.editmode .widget .wHeading,#g2.editmode .board,
#g3.editmode .widget .wHeading,#g3.editmode .board
{
cursor: move;
}

/* common */
.wContentDiv {
position:relative;
z-index:5;
background-color: #FFF;
}

.wBodyShadow {
display:none;
position: absolute;
z-index:1;
}
.floatContentDiv {
position: absolute;
z-index:2;
background-color: #FFF;
}

/* widget_s */
#g1 .widget, .widget_g1,
#g3 .widget, .widget_g3{
width: 194px;
}
.widget_s {
width: 194px;
}
#g1 .widget .wHeading, .widget_g1 .wHeading,
#g3 .widget .wHeading, .widget_g3 .wHeading{
position: relative;
z-index: 10;
height: 22px;
line-height: 22px;
color: #FFF;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.widget_s .wHeading {
position: relative;
z-index: 10;
width: 200px;
height: 22px;
line-height: 22px;
color: #FFF;
font-size: 120%;
font-weight: bold;
text-align: center;
}

#g1 .widget .wBody, .widget_g1 .wBody,
#g3 .widget .wBody, .widget_g3 .wBody,
.widget_s .wBody {
position: relative;
}

#g1 .widget .wContentDiv, .widget_g1 .wContentDiv,
#g3 .widget .wContentDiv, .widget_g3 .wContentDiv,
.widget_s .wContentDiv {
/* top: -2px; */
margin-left: 0px;
margin-right: 0px;
}

#g1 .widget .floatContentDiv, .widget_g1 .floatContentDiv,
#g3 .widget .floatContentDiv, .widget_g3 .floatContentDiv,
.widget_s .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 194px;
display: inline;
}

#g1 .widget .wFooter, .widget_g1 .wFooter,
#g3 .widget .wFooter, .widget_g3 .wFooter,
.widget_s .wFooter {
position: relative;
/* top: -2px; */
height: 5px;
line-height: 5px;
}

/* widget_sm */
.widget_sm .wHeading {
position: relative;
z-index: 10;
width: 324px;
height: 22px;
line-height: 22px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.widget_sm .wBody {
position: relative;
width: 324px;
}

.widget_sm .wContentDiv {
top:0px;
margin-left: 0px;
margin-right: 0px;
}

.widget_sm .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 324px;
}

.widget_sm .wFooter {
position: relative;
/* top: -2px; */
width: 330px;
height: 5px;
line-height: 5px;
}

/* widget_m */
#g2 .widget, .widget_g2
.widget_m{
width: 452px;
}
#g2 .widget .wHeading, .widget_g2 .wHeading{
position: relative;
z-index: 10;
height: 22px;
line-height: 22px;
color: #FFF;
font-size: 120%;
font-weight: bold;
text-align: center;
}
.widget_m .wHeading {
position: relative;
z-index: 10;
width: 460px;
height: 22px;
line-height: 22px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: center;
}

#g2 .widget .wBody, .widget_g2 .wBody,
.widget_m .wBody {
position: relative;
}

#g2 .widget .wContentDiv, .widget_g2 .wContentDiv,
.widget_m .wContentDiv {
top:0px;
margin-left: 0px;
margin-right: 0px;
}

#g2 .widget .floatContentDiv, .widget_g2 .floatContentDiv,
.widget_m .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 452px;
}

#g2 .widget .wFooter, .widget_g2 .wFooter,
.widget_m .wFooter {
position: relative;
/* top: -2px; */
height: 5px;
line-height: 5px;
}



/* widget_h */
.widget_h {
width: 675px;
}

.widget_h .wHeading {
position: relative;
z-index: 10;
height: 22px;
line-height: 22px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.widget_h .wBody {
position: relative;
}


.widget_h .wContentDiv {
top:0px;
margin-left: 0px;
margin-right: 0px;
}

.widget_h .floatContentDiv {
position: absolute;
display: inline;
top: 0;
left: 0px;
width: 675px;
}

.widget_h .wFooter {
position: relative;
/* top: -2px; */
height: 5px;
line-height: 5px;
}

/* board_s */
#g1 .board .wHeading, .board_g1 .wHeading,
#g3 .board .wHeading, .board_g3 .wHeading,
.board_s .wHeading {
height: 4px;
line-height: 4px;
}

#g1 .board .wBody, .board_g1 .wBody,
#g3 .board .wBody, .board_g3 .wBody,
.board_s .wBody {
position: relative;
}

#g1 .board .wContentDiv, .board_g1 .wContentDiv,
#g3 .board .wContentDiv, .board_g3 .wContentDiv,
.board_s .wContentDiv {
margin-left: 0px;
margin-right: 0px;
}

#g1 .board .floatContentDiv, .board_g1 .floatContentDiv,
#g3 .board .floatContentDiv, .board_g3 .floatContentDiv,
.board_s .floatContentDiv {
position: absolute;
width:194px;
top: 0;
left: 0px;
}

#g1 .board .wFooter, .board_g1 .wFooter,
#g3 .board .wFooter, .board_g3 .wFooter,
.board_s .wFooter {
height: 5px;
line-height: 5px;
}

/* board_sm */
.board_sm .wHeading {
width: 330px;
height: 4px;
line-height: 4px;
}

.board_sm .wBody {
position: relative;
width: 330px;
}

.board_sm .wContentDiv {
margin-left: 0px;
margin-right: 0px;
}

.board_sm .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 322px;
}

.board_sm .wFooter {
width: 330px;
height: 5px;
}

/* board_m */
#g2 .board .wHeading, .board_g2 .wHeading,
.board_m .wHeading {
width: 460px;
height: 4px;
line-height: 4px;
}

#g2 .board .wBody, .board_g2 .wBody,
.board_m .wBody {
position: relative;
width: 454px;
}


#g2 .board .wContentDiv, .board_g2 .wContentDiv,
.board_m .wContentDiv {
margin-left: 0px;
margin-right: 0px;
}

#g2 .board .floatContentDiv, .board_g2 .floatContentDiv,
.board_m .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 454px;
}

#g2 .board .wFooter, .board_g2 .wFooter,
.board_m .wFooter {
width: 460px;
height: 5px;
line-height: 5px;
}

/* board_l */
.board_l .wHeading {
width: 550px;
height: 4px;
line-height: 4px;
}

.board_l .wBody {
position: relative;
width: 550px;
}

.board_l .wContentDiv {
margin-left: 0px;
margin-right: 0px;
}

.board_l .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 542px;
}

.board_l .wFooter {
width: 550px;
height: 5px;
line-height: 5px;
}
/* board_h */
.board_h {
padding: 0px !important;
}

.board_h .wHeading {
width: 680px;
height: 4px;
line-height: 4px;
}

.board_h .wBody {
position: relative;
}

.board_h .wContentDiv {
margin-left: 0px;
margin-right: 0px;
width: 674px;
}

.board_h .floatContentDiv {
position: absolute;
top: 0;
left: 0px;
width: 674px;
}

.board_h .wFooter {
width: 680px;
height: 5px;
line-height: 5px;
}


.widget, .widget_s, .widget_sm, .widget_m, .widget_h, .widget_l,
.board, .board_s, .board_sm, .board_m, .board_h, .board_l,
.widget_g1, .widget_g2, .widget_g3,
.board_g1, .board_g2, .board_g3 {
border: 1px solid #AAA !important;
/* background-color: #FFF; */
padding: 2px !important;
}

.widget .wHeading, .widget_s .wHeading, .widget_sm .wHeading, .widget_m .wHeading, .widget_h .wHeading, .widget_l .wHeading,
.widget_g1 .wHeading, .widget_g2 .wHeading, .widget_g3 .wHeading {
background-color: #000;
background-image: none !important;
color: #FFF;
width: auto;
}

.board .wHeading, .board_s .wHeading, .board_sm .wHeading, .board_m .wHeading, .board_h .wHeading, .board_l .wHeading,
.board_g1 .wHeading, .board_g2 .wHeading, .board_g3 .wHeading {
background-image: none !important;
display: none;
}