/* CSS Document */
/* Designed & Written by MindWireMedia */


/********** General ***********/
body{margin:0px 0px 40px; padding:0px; background:#e9e9e9; color:#474747; font-family: Arial, Helvetica, sans-serif; line-height:18px;font-size: 62.5%; /* Resets 1em to 10px */}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, form, textarea, select{padding:0px; margin:0px; font-weight:normal}
a img{border:0px; padding:0; margin:0}
.clearfix{clear:both; font-size:0px; line-height:0px; visibility:hidden}
.tinyText{font-size: 9px; display: inline;}
h1, h2, h3{font-weight: bold;}
h1{font-size:1.9em;color:#00a2c5;margin-bottom: 10px;}
h2{font-size:1.7em;color: #fff; margin-bottom: 10px;}
h3{font-size:1.7em;color:#b84aa9;margin-bottom: 10px;}
p{font-size:1.2em; line-height: 1.3em;}
.left{float: left;}
.right{float: right;}

/********** Forms ***********/
input,textarea{padding: 3px; border: 1px solid #666; background-color: #EEE;}
input:hover,textarea:hover{padding: 3px; border: 1px solid #63b1c8; background-color: #FFF;}
input:focus,textarea:focus{padding: 3px; border: 1px solid #B802B4; background-color: #FFF;}
a.cancel{font-size: 11px; color: #000 !important; padding: 5px !important; border: 1px solid #666; background-color: #EEE; font-weight: normal !important;}
a.cancel:hover{font-size: 11px; color: #990000 !important; padding: 5px !important; border: 1px solid #990000; background-color: #FFF;font-weight: normal !important;}


/********** Header **********/
#Header{height:104px; background: #e9e9e9 url('/images/layout/header_bg.jpg') top left; position: relative;}
#Header #Logo{position: absolute; top:5px; left:20px; width:296px; height: 80px; background: transparent url(/images/layout/srLogoBadge.png)  top left;}
#Header #Slogan{position: absolute; top:30px; left:358px; color:#fff; font-style: italic; font-size: 18px;}
#Header #TopNav{position: absolute; top:0px; right: 10px; text-align: right; color: #fff;}
#Header #TopNav a{color: #B802B4; text-decoration: none; font-weight: bold;}
/********** Wrapper **********/
#Wrapper{font-size:1.3em;width:740px; margin:10px auto 0px auto;}

/********** Wrapper **********/
#Wrapper .introduction{width:550px;}
#Wrapper .devlogos{text-align: right; width:150px;}


/********** Plans **********/
#PlanWrapper{background:#424141; padding: 10px; margin: 20px 0px; color: #fff;
-webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}
#PlanWrapper h2{}
#PlanPanes{margin: 10px 0px;}
#PlanPanes #Plans{}
#PlanPanes #Plans .planbox{width:200px; float: left; list-style: none;margin: 5px; padding: 10px; background: #ccc; background: #C1C1C1 url('/images/layout/bg_pane_t.gif') repeat-x;}

#PlanPanes #Plans .planbox{
		-webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:0px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:0px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:0px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}


#PlanPanes #Plans h3{color:#b84aa9; font-size: 1.7em;}
#PlanPanes #Plans .price{font-style: italic; color: #000; font-size: 1.2em; margin: 5px 0px 10px 0px;}
#PlanPanes #Plans .features{margin:5px 0px;}
#PlanPanes #Plans .features li{list-style: url('/images/layout/list_check.png');margin-left: 30px; color: #2f2f2f;}
#PlanPanes #Plans .orderbutton a{display:block;height:45px; padding:15px 30px 0px 15px; color:#fff; font-weight:bold; margin: 10px 0px 0px 0px;font-size:1.4em; background: transparent url('/images/layout/OrderButton.png') no-repeat; text-decoration: none;}


/********** Infoboxes **********/
#Infoboxes{}
#Infoboxes .standardfeatures{ width: 460px;background: #fff; padding: 10px; border: 2px solid #999;
-webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;

}
#Infoboxes .standardfeatures ul{float:left; margin: 0px; padding: 10px; width: 200px;}
#Infoboxes .standardfeatures ul li{list-style: url('/images/layout/list_bluebullet.png');margin-left: 25px;margin-top: 5px;}

#Infoboxes .questions{width:210px;background: #fff; padding: 10px; border: 2px solid #999;
-webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}
#Infoboxes .questions ul{margin: 5px 0px 5px 5px;}
#Infoboxes .questions ul li{list-style: none;margin-top: 5px;}

#Wrapper #Main .container{background: #fff url(/images/layout/win_b_bg.jpg) repeat-x bottom left;}
#Wrapper #Main .container .bottom{background: transparent url(/images/layout/win_b.jpg) repeat-x bottom left;}
#Wrapper #Main .container .left{background: transparent url(/images/layout/win_l.jpg) repeat-y top left;}
#Wrapper #Main .container .bottomleft{background: transparent url(/images/layout/win_bl.jpg) no-repeat bottom left;}
#Wrapper #Main .container .right{background: transparent url(/images/layout/win_r.jpg) repeat-y top right;}
#Wrapper #Main .container .bottomright{background: transparent url(/images/layout/win_br.jpg) no-repeat bottom right;}
#Wrapper #Main .container .content{min-height: 300px;padding: 5px 20px 25px 20px; font-size: 16px; line-height: 150%;}
#Wrapper #Main .container .content .textWrapper{margin-left: 10px;}
#Wrapper #Main .container .content a{color:#63b1c8; font-weight: bold; text-decoration: none; }
#Wrapper #Main .container .content a:hover{color:#B802B4;}


/********** Fields ***********/
.field-grp{ display:block; width:100%; float:left;padding-top:6px; }
.label-area{ width:150px; text-align:right; float:left; font-weight:bold; margin-right:8px; line-height:20px;}
.field-area{ width:300px; float:left; line-height:auto; padding:0;  }
.labeltext-area{ width:335px; float:left; text-align:left; color:#2E5797; font-weight:bold; margin-left:15px; line-height:17px; }
.fieldtext-area{ width:290px; height:126px; float:left; line-height:17px; }
.text-box{width:278px; height:80px;  font-family:arial; font-size:11px; color:#666; border:1px solid #CCCCCC; }
.inbox{width:200px;color:#666; border:1px solid #CCCCCC; padding: 3px; }
.checkbox{ width:20px; float:left; display:block; padding-top: 5px;}



/********** Navigation **********/
.navigation{font-size: 14px; padding-left: 12px;}

.tabs{margin:0;padding:0;list-style:none;}
.tabs li{float:left;margin-right:10px}
.tabs li a{float:left;margin:0; background:transparent url(/images/layout/tab_lightgray_l.jpg)no-repeat left top; padding:0 0 0 9px; text-decoration: none;}
.tabs li b{display:block;background: transparent url(/images/layout/tab_lightgray_r.jpg)no-repeat right top;padding:5px 15px 4px 6px; color:#000;}
.tabs li a:hover {background:transparent url(/images/layout/tab_lightblue_l.jpg)no-repeat left top;}
.tabs li a:hover b{background:transparent url(/images/layout/tab_lightblue_r.jpg)no-repeat right top; }
.tabs .current {background-image:url(/images/layout/tab_gray_l.jpg);}
.tabs .current a {background-image:url(/images/layout/tab_gray_r.jpg);}

#TopNav .tabs li{float:right;margin-left:10px;color:#fff;}
#TopNav .tabs li a{color:#fff;float:right;background:transparent url(/images/layout/tab_topnav_bl.png)no-repeat left bottom;}
#TopNav .tabs li b{color:#fff;background:transparent url(/images/layout/tab_topnav_br.png)no-repeat right bottom;padding-top:10px; padding-bottom: 8px;}
#TopNav .tabs li a:hover{color:#B802B4;}
#TopNav .tabs li a:hover b{color:#B802B4;}

#TopNav .tabs li em{width:20px;background: transparent url(/images/layout/icon_sprite.png) no-repeat 0px 0px;}
#TopNav .tabs li a:hover em{width:20px;background: transparent url(/images/layout/icon_sprite.png) no-repeat 0px -50px;}

/************** Rows ***************/
div.row{padding: 5px 10px; border: 1px solid transparent; border-bottom: 1px solid #ccc; }
div.row:hover{padding: 5px 10px; border: 1px solid #B802B4;}

div.row .userName{float:left;width:125px;}
div.row .projectName{float:left;width:125px;}

div.row .rowOptions{display:none;float:left; width:400px;font-size: 12px;}
div.row:hover .rowOptions{float:left; width:400px; display: block;border-left:1px solid #ccc;}
div.row:hover .rowOptions a{padding: 0px 15px; border-right:1px solid #ccc; font-size: 12px;}

div.projectRow .row{padding:0px;}

/************** Utility Box ********/
.utilityBox{text-align: right; padding: 5px; border-bottom: 1px solid #ccc;}



/************** Icons **************/
a.project{padding:5px; padding-left: 40px; background:transparent url(/images/layout/icon_sprite.png) no-repeat 5px 7px; display: block;}
a.project:hover{padding:5px; padding-left: 40px;background:transparent url(/images/layout/icon_sprite.png) no-repeat 5px -44px; }

/************** Code Windwo ********/
.codeWindow{border: 2px solid #ccc; background-color: #fff; color: #000; padding: 10px; margin: 5px 15px 20px 15px;}


/************** Clearfix ********/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */