/*GENERAL*/
body{margin:0px; font-size:13px; min-width:800px; background:#ECF0F2 url('../images/backgrounds/diagonal.png') repeat;}
img{border:none;}
a{text-decoration:none; color:#0066CC;}
p{color:#333;}

/*TOP*/
#top{float:left; width:100%; padding:5px 0 5px 0; margin:0 0 10px 0; background:#2D2D2D; border-bottom:2px solid #FFF; position:fixed; z-index:30; top:0px; font-size:11px; text-transform:uppercase;}
#top a,p{float:left; margin:0 10px 0 10px; color:#FCFCFC;}
#top a.highlight{color:#FFCC00; background:none;}
#top a:hover{color:#FFCC00;}

#top .right{float:right;}
#top div a{float:left; margin:0 10px 0 10px; color:#FCFCFC;}
#top div a.highlight{color:#FFCC00; background:none;}
#top div a:hover{color:#FFCC00;}

/*BODY*/
#body{float:left; width:90%; padding:20px 0 15px 0; min-height:250px;}
a{text-decoration:none; color:#0066CC;}
p{color:#333;}

/*FOOTER*/


/*LAYOUT*/
h3{font-size:24px; color:#0071BC; padding:0; margin:0;}
h5{font-size:16px; padding:0; margin:0;}
h6{font-size:12px; color:#777; padding:0; margin:0; font-weight:normal;}

/*PACKAGES*/
.pckgs{float:right; width:800px;}
.pckgs .desc{float:left; width:500px; padding:5px; height:190px; margin:0 5px 5px -120px; color:#333; overflow:hidden;}
.pckgs .desc img{margin:0 5px 5px 0;}
.pckgs .desc .header{float:left; width:580px; margin:0 0 5px 0; border-top:5px solid #8F8B86; color:#636; padding:2px 0 0 0; font-size:11px; font-weight:bold;}
.pckgs .desc .content{float:left; width:auto; margin:0 0 0 0; text-align:left; font-size:11px; color:#333; text-align:justify;}


.pckgs .mangoes{float:left; width:180px; padding:5px; height:190px; margin:0 5px 5px 0; color:#333; background:#F1F1EC; border:1px solid #EEE; overflow:hidden;}
.pckgs .mangoes:hover{background:#F0F0F0 url('../images/pretest/bg/pckg.png') repeat-x;}
.pckgs .mangoes img{float:left; width:180px; margin:0 0 5px 0;}
.pckgs .mangoes .header{float:left; width:180px; margin:0 0 2px 0; border-top:3px solid #8F8B86;}
.pckgs .mangoes .header span{color:#333; padding:2px 0 0 0; font-size:11px; font-weight:bold;}
.pckgs .mangoes .content{float:left; width:auto; margin:0 0 0 0; text-align:left; font-size:11px;}
.pckgs .mangoes .content span{color:#777;}
.pckgs .mangoes .content span:hover{background:#FFF7C6;}
.pckgs .mangoes p{float:left; position:fixed; left:-10000px;}


.pckgs .active{float:left; padding:5px; margin:0 5px 5px 0; color:#333; background:white;}
.pckgs .active:hover{background:#FCFCF7; cursor:pointer;}
.pckgs .active img{float:left; margin:0 0 5px 0; width:190px;}
.pckgs .mangoes .header{float:left; width:180px; margin:0 0 2px 0; border-top:3px solid #8F8B86;}
.pckgs .mangoes .header span{color:#333; padding:2px 0 0 0; font-size:11px; font-weight:bold;}
.pckgs .mangoes .content{float:left; width:auto; margin:0 0 0 0; text-align:left; font-size:11px;}
.pckgs .mangoes .content span{color:#777;}
.pckgs .active .content span:hover{background:#FFF7C6;}
.pckgs .active p{float:left; width:190px; margin:10px 0 0 0; padding:0; list-style:none; cursor:pointer; position:relative; left:0px;}
.pckgs .active p a{float:left; width:25px; text-align:center; margin:0 3px 5px 0; background:#EDEDED; color:#555; list-style:none; cursor:pointer;}
.pckgs .active p a:hover{float:left;background:#FFF7C6;}
.pckgs .active p .custom{float:left; width:81px; text-align:center; margin:0 3px 5px 0; background:#EDEDED; color:#555; list-style:none; cursor:pointer;}

.pckgs_menu{float:left; font-style:italic; font-size:11px; border-top:3px solid #8F8B86;}
.pckgs_menu ul{list-style:none; margin:5px 0 0 0;}
.pckgs_menu ul span{margin:0 0 5px 0; font-weight:bold; width:100%;}
.pckgs_menu ul li{margin:0 0 5px 0;}
.pckgs_menu ul li a{ margin:0 0 0 0;}

/*GRAPH*/
.graph{float:left; width:800px; margin:0 10px 20px 0; padding:10px 10px 10px 10px; background:#FFF; border:1px solid #CCC; display:block;}
.graph h3,h5{float:left; width:100%;}
.graph img{float:left;}
.graph span{width:100%;}
.graph a,span{float:left;}
.graph a:hover{float:left; color:#808080; background:#FFF7C6;}

.graph_holder{float:left; width:90%;}

/*SPARKLINE*/
.sparklines{float:left; width:100%;}

/*SNAZZY PIE*/
.chartdata{float:left; margin:5px 5px 0 10px; border:1px solid #999;}
.chartdata th{padding:3px; border-bottom:1px solid #999;}
.chartdata td{padding:3px; cursor:pointer;}

/*DASH*/
.dash{float:left; width:540px; margin:20px 0 20px 20px; border:1px solid #CCC; background:#FFF; font-family:Calibri, Arial, Helvetica, sans-serif;}
.dash .graph_header{width:100%; height:20px; border-bottom:1px solid #CCC; margin:0 0 0 0; font-weight:bold; font-size:16px; background:url(../images/layout/header_bg.png);}
.dash .graph_header div{padding:0 0 0 5px;}
.dash .content{float:left; font-size:12px; color:#444; background:#F8F8F8;}
.dash .graph_header{float:left; font-size:14px; font-weight:bold; margin:4px 0 4px 0;}
.dash .row{float:left; padding:5px 0 5px 0; border-top:1px solid #CCC; color:#444; text-decoration:none; cursor:pointer;}
.dash .row:hover{background:#E0EAED;}
.dash .bar{float:left; -moz-border-radius:15px; -webkit-border-radius:15px;}

/**/
.content{float:left; width:100%; margin:10px 0 10px 0; font-size:16px;}
.spacer{float:left; width:100%;}

/*WIKI*/
.wiki{float:left; width:100%; background:#FFF;}
.wiki2{float:left; background:#F7F7F7; border:1px solid #E4E5E6;}

/*REVIEW*/
/*TOP*/
#review{float:left;}
#review .pack{float:left; width:100%; padding:20px 0 20px 0;}
#review .pack .ques{float:left; width:100%; padding:0; margin:0; color:#333;}
#review .pack .ques .label{float:left; width:50px; padding:0 0 0 0;}
#review .pack .ques .value{float:left; width:75%; padding:0px; border-bottom:3px ridge #06C;}
#review .pack .ques .value p{float:left; margin:0; padding:0;}

#review .pack .option{float:left; width:75%; margin:0 0 0 50px; padding:3px 0 3px 0; color:#777; border-bottom:1px dotted #CCC;}
#review .pack .option .label{float:left; padding:0px; width:30px;}
#review .pack .option .value{float:left; padding:0px;}
#review .pack .option .value p{float:left; margin:0px; padding:0px;}

#review .pack .intelli{float:left; width:75%; margin:5px 0 0 50px; padding:3px 0 3px 0; border:1px solid #CCC; background:#FAFAFA;}
#review .pack .intelli p{float:left; color:#333; margin:3px 10px 3px 10px; text-decoration:none;}
#review .pack .intelli a{float:left; color:#06C; margin:3px 10px 3px 10px; text-decoration:none;}
#review .pack .intelli a:hover{float:left; color:#000; text-decoration:underline;}

/*CONTENT*/
.col_pack{float:left; margin:0 0 20px 0;}
.col{float:left; width:250px; margin:0 50px 20px 0;}
.col a{float:left; width:250px;}

/*PREBUILDER*/
#builder{float:left; width:585px; height:300px; padding:5px; background:#FFF; font-size:11px;}
#builder .col{float:left; width:180px; height:290px; padding:5px; margin:0 5px 0 0; background:#F1F1EC; overflow-y:auto; overflow-x:hidden;}
#builder .col .header{float:left; width:180px; margin:0 0 2px 0; padding:2px 0 0 0; border-top:3px solid #8F8B86; color:#333; font-size:11px; font-weight:bold;} 
#builder .col .desc{float:left; width:auto; margin:0 0 0 0; text-align:left; font-size:11px; color:#777;}
#builder .col .btn{float:left; width:174px; margin:5px 0 0 0; padding:3px; background:#CCC; color:333; cursor:pointer;}
#builder .col .btn:hover{background:#777; color:FFF;}
#builder .col .active{background:#777; color:FFF;}
#builder .col .seperator{float:left; width:100%; height:1px; margin:5px 0 5px 0; border-bottom:1px solid #CCC;}

/*BUTTON LINKS*/
.btn_link{float:left; padding:4px; margin:0 6px 0 0; background:#DDD; border:1px solid #999; color:#444;}

/*SIGNUP MINI*/
#signup{background:#FFF;}
.signup_mini{margin:0 0 0 0;}
.signup_mini td,h5,h3,button,input,.textbox,span,div{margin:6px 0 0 0;}
.signup_mini div{float:left; width:100%;}

/*BOX*/
.gxbox{float:left; width:auto; background:#ECECEC; border:3px solid #637BAD; clear:both;}
.gxbox .header{color:#FFF; background:#637BAD; font-size:16px; font-weight:100;}

/*TABLE*/
.table{float:left; width:auto; padding:5px; background:#ECECEC; border:3px solid #637BAD; clear:both;}
.table .header{width:240px; margin:0 0 0 0; color:#000; ont-size:16px; font-weight:bold;}
.table .col{float:left; width:100%; height:100%;}
.table .col a{width:200px; margin:5px 0 0 0; clear:both;}
.table span{margin:0 0 0 0; font-style:italic; font-weight:bold; color:#637BAD;}
.table .width-240{width:240px;}

.table2{float:left; border:1px solid #83AADA; background:#FFF; margin:0 0 10px 0;}
.table2 .header{font-weight:bold; background:#F3F7FD;}
.table2 td{border-bottom:1px solid #83AADA; border-right:1px solid #83AADA; padding:2px;}
.table2 td .left{border-left:1px solid #83AADA;}
.table2 td .right{border-right:1px solid #83AADA;}