@import url("reset.css");
@import url("dropdownmenu.css");
.menu_top_background{ background:#09C; padding:5px  25px 0px 25px; box-shadow:0px 0px 40px rgba(0,0,0,0.5)}
.text_style_top{ color:#FFF; font-size:24px; font-family: Georgia, "Times New Roman", Times, serif; margin-top:20px; text-shadow:0 0 15px rgba(0, 0, 0, 0.9)}
.login_boxx_center{ margin:0 auto; width:400px; margin-top:100px;}
.welcome_text{ color:#2c93bc; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif;}
.box_style{ margin-top:10px; padding:20px 15px; background:#ffffff; border:1px solid  #e1e2e3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 10px 60px rgba(0,0,0,0.2);}
.text_box_style_1{ width:350px; height:30px; border:1px solid #d7d7d7; padding:5px 8px; background:#f2efef}
.user_text_box{ margin-top:2px; margin-left:10px; border:none; background:#f2efef; width:320px; height:25px; color:#999; font-size:14px;}
.user_text_box:focus{ outline:none}
.login_toptext{ font-size:18px; color:#000000; margin-bottom:20px;}
.welcome_width_txt{ width:200px; text-align:right;}
/*==========login botoom*==============*/
.loginbottom{ color:#FFF; font-size:14px; font-weight:bold; background:#2c93bc; padding:10px 22px; border:1px solid #187296;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; vertical-align:top}
.loginbottom:hover{ background:#999; border:1px solid #999}

.remember{ color:#999; font-size:14px; margin-left:5px; text-decoration:none}
.remember a:hover{ text-decoration:underline}

.password{ color:#999; font-size:14px; margin-left:8px; text-decoration:none}
.password a:hover{ text-decoration:underline}

/*================Welcome fone style=================*/
.welcome_font_style{ font-family:Arial, Helvetica, sans-serif; color: #FFF; font-size:14px;}

/*==========Main boxxxxxxxx===========*/
.main_box{ padding:10px 10px;}
.mainbackgroun_white{ background:#FFF; padding-bottom:50px;}
/*quicksearch font*/
.quicksearch_font{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#0099CC}
.quciksearch_box_style{ border:1px dashed #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; width:1195px;}
.quick-box-2{ background:#EAEAEA; border:1px solid #DDDDDD; padding:20px 30px;  width:1130px; margin-top:10px;}
.search_font_style{ font:Arial, Helvetica, sans-serif; font-size:16px; margin-top:10px; color:#0099CC;}

.search_font_style2 { font:Arial, Helvetica, sans-serif; font-size:14px; color:#0099CC; text-decoration:none;}
.search_font_style2 a:hover{ text-decoration:underline} 

.search_box_2{ width:300px; height:15px; padding:11px 8px; border:1px solid #CCC; color:#999; font-size:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; vertical-align:top; margin-top:2px;}
.search_box_2:focus{ outline:none}

/*Table style*/
.table_box_style{ background:#F0FCFF; border-collapse:collapse; width:1235px;}
.table_blackheader{background:#333; color:#FFF; border:1px solid #666;}
.table_header_grey{ background:#595959; border:1px solid #666; color:#FFF; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.table_header_blue{ background:#858585; border:1px solid #999; color:#FFF; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}

.input_box_0f_table{padding:5px 4px; color:#999; border:1px solid #CCC; font-size:12px}
.input_box_0f_table:focus{ outline:none}

.im_hover{ color:#09F; text-decoration: none;}
.im_hover a:hover{ color:#666; text-decoration:underline}

.breakcums_a_hover{ color:#333; text-decoration:none; font-weight:bold;}
.breakcums_a_hover a:hover{ text-decoration:underline}

.alignt_play_icon{ display:block; margin-top:4px;}

.number_hover{ color:#CCC; padding:0px 4px; text-decoration:none; font-size:11px; display:inline-block}
.number_hover:hover{ padding:0px 3px; border:1px solid #CCC; background:#CCC; color:#333; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-decoration:none;}
.paging a{ display:inline-block; vertical-align:middle;}
.displaying_item_text{ color:#CCC; font-size:12px;  vertical-align:middle; margin-right:5px; }

/*=========Form Box Syyle===========*/
.form_cnt-width{ width:120px; margin-top:5px; font-size:14px; color:#999; text-align:left}
.textarea_style{ width:800px; height:200px; padding:10px 15px; color:#999; font-size:14px; border:1px solid #CCC; margin-top:5px;}
.textarea_style:focus{ outline:none}
.width_radio_buttom{ width:162px; text-align:left; margin-left:5px; color:#999; font-size:14px;}

/*======ICON HOVER======*/
.paging a:hover img{ opacity:0.4}
.icon_hover_of_edit a:hover img{ opacity:0.4}
.search_font_style2 a:hover img{ opacity:0.4}
/*=========brekcumbs_box_radius=========*/
.brekcumbs_box_radius_grey{ border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0; padding:8px 20px 8px  15px; border:1px solid #9E9E9E;
 background:#D3D3D3; color:#333; font-size:12px; position:relative; z-index:10;font-weight:bold;}
.brekcumbs_box_radius_orange{ border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0;
  padding:8px 20px 8px 30px; border:1px solid #E27905; background:#FBAF5D; color:#333; font-size:12px; font-weight: bold; position:relative; z-index:8; margin-left:-20px; border-left:none;}
					 			



.input_style{ border:1px solid #ccc; padding:7px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease; font-size:11px;
}
select.input_style{transition:none;-moz-transition:none;-webkit-transition:none;}
.input_style:focus, .input_date:focus{outline:none; border:1px solid #53a0eb;
 box-shadow:0 0 5px rgba(70,142,213,0.8);
 -moz-box-shadow:0 0 5px rgba(70,142,213,0.8);
 -webkit-box-shadow:0 0 5px rgba(70,142,213,0.8);
 }
select.fieldlist2{width:500px;}
.input_date{ border:1px solid #ccc; padding:7px; background:url(../images/date.png) right center no-repeat #fff;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease; font-size:11px;
}




.header{background:#0099cc; padding:10px; font-size:16px; color:#fff; border-bottom:1px solid #005e7d;}
.lft_part{width:200px; padding:15px 10px; position:absolute; top:0; left:0;}
.lft_part nav{margin-bottom:10px; background:#fff;}
.lft_part nav header{background:#333333; color:#b1b1b1; font-size:14px; border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px;}
.lft_part nav header:hover{background:#111; cursor:pointer}
.lft_part nav header a{color:#b1b1b1; display:block; padding:5px;}
.lft_part nav header a:hover{text-decoration:none;}

.lft_part nav ul{list-style:none; padding:5px; display:none;}
.lft_part nav ul li{margin:0; padding:0; position:relative;}
.lft_part nav ul li a{display:block; background:#ececec; zoom:1; padding:5px 10px; font-size:12px; color:#464545; margin-bottom:1px;}
.lft_part nav ul li a:hover{background:#d7f5ff; text-decoration:none;}
.lft_part nav.selected header{background:#f08f2e; color:#464545;}
.lft_part nav.selected  ul{display:block;}
.lft_part nav.selected header a{color:#fff; display:block; padding:5px;}






.lft_part nav ul li .drop_cntr{position:absolute; right:0; display:none; top:-45px; left:190px; padding-left:10px; z-index:2; }
.lft_part nav ul li:hover .drop_cntr{display:block;}
.drop_containers{background:#fff;width:200px; border:1px solid #333333; display:block; z-index:2; box-shadow:3px 3px 5px #333; -moz-box-shadow:3px 3px 5px #333; -webkit-box-shadow:3px 3px 5px #333;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.arrow{position:absolute; right:5px; top:5px; background:url(../images/arrow.png) no-repeat; width:15px; height:14px; display:block;}
.drop_arow_lft, .drop_arow_lft1{width:0; height:0; overflow:hidden; position:absolute; top:50px; }
.drop_arow_lft{border-right:10px solid #fff;border-top:10px solid  transparent; border-bottom:10px solid  transparent;z-index:9; left:2px;}
.drop_arow_lft1{border-right:10px solid #95B873;border-top:10px solid  transparent; border-bottom:10px solid  transparent;z-index:8;left:0px;}

.drop_ttle_cntr{ background:#333333; padding:10px; color:#fff; font-size:14px; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; font-weight:normal;}
.sub_categories{ width:170px; overflow:hidden; padding:10px;}

.sub_categories a{ color:#0097ee; padding:5px; font-size:11px; display:inline-block; width:170px;}
.sub_categories a:hover{ background:#eee; text-decoration:none; }









.bdy_section{ min-height:800px; margin-left:230px; background:#fff; box-shadow:-5px 0 10px rgba(0,0,0,0.2);  -moz-box-shadow:-5px 0 10px rgba(0,0,0,0.2);  -webkit-box-shadow:-5px 0 10px rgba(0,0,0,0.2);padding:15px;}


.setting{ margin-top:20px;}
.setting a{display:inline-block; border:1px solid  #c0c0c0; padding:5px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.setting a:hover{text-decoration:none; background:#eee; color:#555;}

.merge_field{position:absolute; top:0px; right:0; width:150px;}
.merge_field .ttl{background:#f08f2e; padding: 5px 10px; color:#fff;}
.merge_field ul{list-style:none; margin:0; padding:0 5px; background:#333333;}
.merge_field ul li{margin:0; padding:0;}
.merge_field ul li a{display:block; padding:5px; color:#eee}
.merge_field ul li a:hover{background:#222; text-decoration:none;}


.main_cntr{margin-top:15px;}

.template_part{ margin-right:170px;}

.design_cntr{border:1px solid #0099cc; padding:15px; }

.switch_nav{margin-bottom:5px;}
.switch_nav a{background:#c2c2c2; padding:5px; color:#5d5d5d; display:inline-block;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.switch_nav a:hover,.switch_nav a.selected{background:#e44e2c;color:#fff; text-decoration:none}


.filter{border-top:3px solid #0099cc; padding:10px; background:#f6f6f6;}
.add_icon{width:21px; height:21px; background:url("../../image/add_icon.png") no-repeat scroll 0 0 transparent; display:inline-block;}
.add_icon:hover{background:url(../../image/add_icon_hover.png) no-repeat;}

.and_icon{width:21px; height:21px; background:url("../../image/and_text.png") no-repeat scroll 0 0 transparent; display:inline-block;}
.or_icon{width:21px; height:21px; background:url("../../image/or_text.png") no-repeat scroll 0 0 transparent; display:inline-block;}
.delete_icon{width:21px; height:21px; background:url("../../image/cancel.png") no-repeat scroll 0 0 transparent; display:inline-block;}

.btn_filter{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

border:1px solid #afafaf; color:#089823; padding:5px 15px; cursor:pointer;


}
.btn_filter:hover{background:#eee}




.box_cntr{ background:#fff; border:1px solid #ccc; margin-top:5px;}
.box_title{ background:url(../images/box_ttl_bg.png) repeat-x #eaeaea; border-bottom:1px solid #ccc; border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0}
.box_title h1{ color:#6f6f6f; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/*===============Listing tables css ==========================*/
.listing_table{ color:#555555;}
.listing_table th, .listing_table td{border-top:1px solid #fff; border-bottom:1px solid #ccc; border-right:#ccc 1px solid; border-left:#fff 1px solid; }

.listing_table th{background:url(../images/box_sub_ttl.png) repeat-x #dbdbdb; text-align:left; padding:8px 5px ; color:#6c6c6c;}

.tbl_arrow{ display:inline-block; background:url(../images/table_arrow.png) no-repeat; width:6px; height:4px; vertical-align:top;margin-top:8px; *margin-top:7px;}

.listing_table td{color:#777777;}
.listing_table tr.grey_bg td{background:#f0f0f0;}
.listing_table tr:hover td{ background:#f5ffe1;}

.autogen_form{background:#f5f5f5; padding:10px;}
.autogen_form .section{width:48%;}
.autogen_form .section  h1{border-bottom:2px solid #c5c5c5; font-size:14px; font-weight:bold; margin-bottom:15px;}

.autogen_form  ul{list-style:none; padding:0; margin:15px 0 0;}
.autogen_form  ul li { padding:5px 0; margin:0 0 5px ; border-bottom:1px dotted #ddd;}
.autogen_form  ul li .lft_cntr { width:30%; text-align:right}
.autogen_form  ul li .rgt_cntr { width:70%;}