@charset "utf-8";
@import url("calendar.css");
/* CSS Document */

body{margin:0px; padding:0px; background:url(../images/bg.jpg) repeat-x;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
.cl{clear:both;}
img{vertical-align:middle; border:none;}
#wrapper{width:100%;}

/*main div start*/
.main{ width:1024px; margin:0px auto; overflow:hidden;}
.leftpanel{ width:250px; float:left; }
.rightpanel{ width:774px; float:right;}
/*main div end*/

/*header div start*/
.header{width:1024px; margin:0px auto; overflow:hidden;}
.logo{ width:250px; float:left; }

.top_icon{ width:380px; float:right;  overflow:hidden; margin-top:10px;  margin-right:8px; }

.wel_user{ width:250px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:right; line-height:30px; padding-right:10px;}
.wel_user span{ font-weight:bold; color:#51a4ee; text-shadow: #fff 0 1px 1px;}
.login_icon{ width:50px; float:left; text-align:center; background: rgba(0,0,0,0.6); border-radius:2px; box-shadow: inset 0 0 6px #000; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; border:1px solid #000;}
.login_icon a{ color:#FFF; text-decoration:none;}
.login_icon a:hover{ color:#FFF;}

.logout_icon{ width:60px; float:right; text-align:center; background-image: -webkit-linear-gradient(top, #FEFEFE, #EEE); color:#000; border-radius:2px; box-shadow: inset 0 1px 0 #FFF, 0 1px 3px rgba(0,0,0,0.15);color: #111; text-shadow: 0 1px 0 #FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; border:1px solid #aaaaaa;}
.logout_icon a{color:#000; text-decoration:none;}
.logout_icon a:hover{color:#000;}
/*header div end*/

/*top search css start*/
.top_search{ width:250px; float:left;}
.top_search .inputbox { width:205px; height:33px; background:#ffffff; border:none; outline:none; color:#666; float:left; margin:0px; padding:0px; text-indent:10px; border-radius:6px 0px 0px 6px; border:1px solid #CCC; border-right:none;  }
.search-form_submit { width:40px; height:35px; background:#ffffff; border:none; display:inline-block; padding:0; outline:none; outline-offset:0; cursor:pointer; -webkit-appearance:none; -moz-transition:0.3s all ease; -o-transition:0.3s all ease; -webkit-transition:0.3s all ease; transition:0.3s all ease; color:#333; font:400 17px/18px 'FontAwesome', sans-serif; margin-bottom:10px; border-radius:0px 6px 6px 0px; border:1px solid #CCC; border-left:none; }
.search-form_submit::-moz-focus-inner { border:none; padding:0; }
.search-form_submit:before { content:'\f002'; }
.search-form_submit:hover { color:#de0500; }
/*top search css end*/


/*dashboard div start*/
.dashboard{ background:#FFF; min-height:600px; border:1px solid #cccccc; border-top:none;}
.dashboard h2.head{ background:url(../images/dash_b_head.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; line-height:35px; text-align:center; font-weight:normal; border-top:1px solid #000;}
.dashboard_inner{ padding:10px; overflow:hidden;}

.business_leads{ width:364px; float:left; border:1px solid #cccccc;}
.business_leads h3{ background-color: #F4F4F4; background-image: -webkit-linear-gradient(top, #FCFCFC, #F4F4F4); font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:35px; font-weight:normal; text-align:center; color:#225b86; text-shadow: 0 1px 0 #FFF;}

.our_members { width:364px; float:right; border:1px solid #cccccc;}
.our_members h3{ background-color: #F4F4F4; background-image: -webkit-linear-gradient(top, #FCFCFC, #F4F4F4); font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:35px; text-align:center; color:#225b86; text-shadow: 0 1px 0 #FFF; }

.leads{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222222; line-height:30px; padding-left:5px; font-weight:bold; }
.leads a{color:#225b86; text-decoration:none;}
.leads a:hover{color:#0000FF; text-decoration:none;}

.leads i { color:#FF0000;}
/*dashboard div end*/

/*services box css start*/
.menu { width:250px; float:right; }
.menu h2 { font-family: "Roboto",sans-serif; font-size:20px; color:#414141; font-weight:normal; text-transform:uppercase; padding-bottom:20px; }
.switch_menu { width:100%; float:left; }
.switch_menu div.silverheader a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#111111; font-size:14px; line-height:40px; height:40px; text-decoration:none; display:block; padding-left:2px;  border:#f6f6f3 1px solid; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all  0.2s linear; transition: all 0.2s linear; text-shadow: #FFF 0 1px 1px; zoom:1; border-bottom:1px solid #c5c9cc; border-right:none;   }
.switch_menu div.silverheader a:visited,  { color:#FFF; }
.switch_menu div.selected a, .switch_menu div.silverheader a:hover { background:url(../images/arrow1.png) left top no-repeat #82a8ce ; border:#f6f6f3 1px solid; background-position:100% 0px; color:#fff; border-bottom:1px solid #c5c9cc; border-top-color: rgba(255,255,255,0.5); text-shadow:none; }
.switch_menu div.submenu { }

.switch_menu .text1 { background:#fff; }

.switch_menu .text1 ul { margin:0px; padding:0px; list-style-type:none; }
.switch_menu .text1 li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:1.8em; display:block; font-weight:normal; }
.switch_menu .text1 li a { background:url(../images/arrow.png) 5px 14px no-repeat; padding:6px 0 6px 25px; border-bottom:#333 1px dashed; text-decoration:none; color:#FF0000; text-decoration:none; display:block;  }
.switch_menu .text1 li a:hover{ border-bottom:#333 1px dashed; background:url(../images/arrow.png) 10px 14px no-repeat; padding:6px 0 6px 35px; text-decoration:underline; color:#003399;}	
.switch_menu  .bor_bott{border-bottom:#cbd1d1 1px solid;}
/*services box css end*/

/*footer css start*/
.footer{ width:100%; background:url(../images/footer_bg.jpg) repeat-x; height:45px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; margin-top:10px; line-height:45px; position:relative; bottom:0px; }
/*footer css end*/

/*login page css start*/
.login_header{ width:400px; margin:0px auto; text-align:center; margin-top:120px;  }
.login_main{ width:400px; margin:0px auto; margin-top:10px; background:#ededed; padding:10px; border-radius:4px; -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); border:1px solid #c6c6c6; margin-bottom:220px; }
.login{ background:#FFF; }
.login h2{ background:url(../images/dash_b_head.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; line-height:35px; text-align:center; font-weight:normal; border-top:1px solid #000; margin-bottom:15px;}
.form_w { width:100%; height:auto; background:#FFF; border:#adadad 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:9px 0px 9px 0; margin:4px 0px 4px 0; outline:none; text-indent:5px; border-radius:3px; webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); outline: 5px solid #eff4f7; -moz-outline-radius: 3px; }
::-webkit-input-placeholder {color:#000;}
.submit { width:40%; background:#477ba9; color:#FFF; display:inline-block; font:400 14px/17px "Roboto",sans-serif; padding:10px 20px 10px 20px; text-decoration:none; margin-top:12px; margin-bottom:10px; border-radius:4px;  outline:none; border:none; cursor:pointer;}
.submit:hover { display:inline-block; background:#1e283a; color:#FFF; text-decoration:none;}

.login-help { font-family:Arial, Helvetica, sans-serif; margin: 20px 0px 10px 0px; font-size: 11px; color:#000; text-align: center; padding-bottom:8px;}
.login-help a { color: #DE0500; text-decoration: none;}
.login-help a:hover {text-decoration: underline;}
/*login page css end*/

/*create webpage css start*/
.form_w1 { width:100%; height:auto; background:#FFF; border:#adadad 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:9px 0px 9px 0; margin:4px 0px 4px 0; outline:none; text-indent:5px; border-radius:3px; webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);  -moz-outline-radius: 3px;}

.form_w2 { width:100%; height:auto; background:#FFF; border:#adadad 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:9px 0px 9px 0; margin:4px 0px 4px 0; outline:none; text-indent:5px; border-radius:3px 3px 0px 0px; webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);  -moz-outline-radius:3px;}

.form_w3 { width:60%; height:auto; background:#FFF; border:#adadad 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:9px 0px 9px 0; margin:4px 0px 4px 0; outline:none; text-indent:5px; border-radius:3px; webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);  -moz-outline-radius: 3px;}

.radio_field{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:2.5em;}

.text2{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold;} 
 
.submit1{ border:1px solid #df0909; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;font-size:12px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; font-weight:bold; color: #FFFFFF; cursor:pointer; background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202)); background-image: -webkit-linear-gradient(top, #f62b2b, #d20202); background-image: -moz-linear-gradient(top, #f62b2b, #d20202); background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202); background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);  margin-top:5px;}

.submit1:hover{  border:1px solid #b30808;  background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202)); background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202); background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202); background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);}
/*create webpage css end*/

/*text headings css start*/
.big_heading{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000; font-weight:bold; line-height:1.7em; text-align:justify;} 
.big_heading a{ color:#000; text-decoration:none;}
.big_heading a:hover{color:#F00; text-decoration:none;}

.medium_heading{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; font-weight:bold; line-height:1.7em; text-align:justify;} 
.medium_heading a{color:#000; text-decoration:none}
.medium_heading a:hover{color:#F00; text-decoration:none;}

.small_heading{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; line-height:1.7em; text-align:justify;} 
.small_heading a{color:#000; text-decoration:none}
.small_heading a:hover{color:#F00; text-decoration:none;}
/*text headings css end*/

/*create categories page css start*/
.display_categorie{ margin-top:20px; padding-left:10px;}
.display_categorie h2{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000; font-weight:bold; line-height:1.7em;}
.display_categorie ul{}
.display_categorie li{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000; line-height:2.5em; font-weight:bold; }
.display_categorie li a{ color:#00F; text-decoration:none;  }
.display_categorie li a:hover{ color:#F00; text-decoration:none;}
.display_categorie li span{ float:right; width:300px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000;}
.display_categorie li span a{ color:#000;}
.display_categorie li span a:hover{ color:#F00;}
.display_categorie li span img{ margin-left:20px;}

/*create categories page css end*/