@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-size:12px; background-color:#f1f1f1; font-family:Arial, Helvetica, sans-serif;}

h1{ margin:0; padding:5px; color:#444444;}

h2{ margin:0; padding:5px; color:#ff0000;}

a{ color:#F00; text-decoration:none;}


.wrapper{ width:980px; padding:0; margin:0 auto;   }

.inner{width:980px; float:left;   background-color:#FFF; box-shadow: 0 0 14px 0 #CCCCCC; behavior: url(../PIE.htc); position:relative;}

.header{
width:960px;	
min-height:80px;
padding:10px 10px 0px 10px;	
background:#fff url(../images/header-strip.png) repeat-x 0px 80px;
background-image:(../images/header-strip.png);
background-repeat:repeat-x 80px;
}

.logo{ width:820px; min-height:39px; float:left;}

.logo h1{ font-size:14px; color:#444444; font-weight: normal; padding:0; margin:5px 0 0 0;}


.container{ width:980px; float:left;  background-color:#FFF; padding-bottom:20px;}

.left-sidebar{ width:25%; padding:5px 5px 0 5px; float:left;}

.left-menu{ width:220px; padding:11px 0 0 0;}

.left-menu ul{ font-size:12px; font-weight:bold; margin:0; padding:0; display:block; list-style:none;}

.left-menu ul li{margin:0px 0 5px 0;    display:block;  list-style:none;}

.left-menu ul li a{display:block; padding:15px 0 10px 35px;  color:#333;  background:#f1f1f1; text-decoration:none;}

.left-menu ul li a:hover{color:#fff; text-decoration:none; background-color:#444444;}

.left-menu ul li a.dashboard{ background:#f1f1f1 url(../images/dashboard.png) no-repeat 12px; }

.left-menu ul li a.dashboard:hover{ background:#444 url(../images/dashboard-over.png) no-repeat 12px;}

.left-menu ul li a.home{ background:#f1f1f1 url(../images/plus.png) no-repeat 12px; }

.left-menu ul li a.home:hover{ background:#444 url(../images/plus-over.png) no-repeat 12px;}

.left-menu ul li a.Subscriber-Group{ background:#f1f1f1 url(../images/Group-icon.png) no-repeat 12px;}

.left-menu ul li a.Subscriber-Group:hover{ background:#444 url(../images/Group-icon-over.png) no-repeat 12px;}

.left-menu ul li a.Compose-News{ background:#f1f1f1 url(../images/compose-new.png) no-repeat 12px;}

.left-menu ul li a.Compose-News:hover{ background:#444 url(../images/compose-new-over.png) no-repeat 12px;}

.left-menu ul li a.Subscriber-List{ background:#f1f1f1 url(../images/list.png) no-repeat 12px;}

.left-menu ul li a.Subscriber-List:hover{ background:#444 url(../images/list-over.png) no-repeat 12px;}

.left-menu ul li a.Send-Newsletter{ background:#f1f1f1 url(../images/send.png) no-repeat 12px;}

.left-menu ul li a.Send-Newsletter:hover{ background:#444 url(../images/send-over.png) no-repeat 12px;}

.left-menu ul li a.Import-Subscriber{ background:#f1f1f1 url(../images/Import_link.png) no-repeat 12px;}

.left-menu ul li a.Import-Subscriber:hover{ background:#444 url(../images/Import_over.png) no-repeat 12px;}

.left-menu ul li a.Reports{ background:#f1f1f1 url(../images/Report.png) no-repeat 12px;}

.left-menu ul li a.Reports:hover{ background:#444 url(../images/Report-over.png) no-repeat 12px;}

.left-menu ul li a.Settings{ background:#f1f1f1 url(../images/settings.png) no-repeat 12px;}

.left-menu ul li a.Settings:hover{ background:#444 url(../images/settingsover.png) no-repeat 12px;}




.right-sidebar{ width:710px; float:left; padding:15px 5px 0px 5px;}

.right-pane-left{ width:350px; float:left; padding:15px 0 0 0;}
.right-pane-left-heading-box{ width:250px; height:30px;}

.right-pane-right{ width:365px; float:left;}
.right-pane-right-heading-box{ width:250px; height:30px;}

.right-pane-only{ padding:1px; float:left;}

.block1{ width:700px; padding:5px; margin:20px 0 0 0; float:left;}

.icon{ width:15px; height:15px; padding:3px 0 2px 2px; float:left;}

.block-text{ font-size:12px; padding:0 8px 10px 5px; font-weight:bold;}

.myblock{ float:left; width:200px;}

.block-text2{ margin-left:18px; font-size:12px; padding:0 8px 0 5px; font-weight:bold;}


.span-block1{ width:200px; display:block; border:1px solid #CCC; float:left; margin:0px 0 0px; padding:0px 0 10px 10px; }

.span-block1-text{ width:180px; height:15px; padding:5px 10px 0 0; display:block;}

.span-block1-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}

.span{ float:left;}

.mybtn{ margin:0 15px 0 15px;}

.btn-button{ padding:5px; margin:10px 0 0 90px;}

.block2{ width:700px; padding:15px 5px 5px 5px; float:left;}

.box{ border:1px solid #CCC; width:200px;}

.color{ color:#F00;}

.c1{ padding-left:73px;}

.c2{ padding-left:80px;}

.c3{ padding-left:120px;}

.bellow{ width:710px; padding:15px 5px 5px 5px; color:#000; font-size:12px; font-weight:bold;}

.link-crumb{width:710px; height:30px; padding:5px; color:#000; font-size:15px; font-weight:bold;}
.atoz{ padding:9px 8px 0 8px; float:left;}
.atoz a{ color:#000; text-decoration:none;}
.atoz a:hover{ color:#F00;}

.add-subscriber{ width:95%; padding:10px 0 0 0;}

.subscriber-group{ width:100%; padding:10px 0 0 0; }

.pagination{ width:700px; height:32px; padding:5px;}

.pagination ul{ list-style:none; margin:0px; padding:0px; display:block; }

.pagination ul li{ list-style:none; margin:5px 0 0 0; padding:0px; display:block; font-size:14px; float:left; border:1px solid #ccc;}

.pagination ul li a{ float:left; text-decoration:none; padding:5px 10px 5px 10px; color:#000;}

.pagination ul li a:hover{ background-color:#f1f1f1;}

.pagination ul li a.active{ background-color:#f1f1f1;}

/*.pagination ul li.brnonr{ border-right:none;}*/

.edit-delete{ display:inline; padding:3px 0px 0 8px;}

.edit-delete a{border:0px;}

/*compose news letter start*/

.line1{ width:700px; padding:2px; float:left;}

.name{ float:left; text-align:right; font-size:12px; font-weight:bold; width:120px; padding:0 8px 0 0px;}

.controller{ float:left; width:100%; padding-bottom:10px;}

.attach-list{ width:300px; padding:5px; float:left; margin-left:132px; border:1px solid #CCC;}

.attach-btn{ padding:5px;}

.attach-block-text{ width:180px; height:25px; padding:5px 10px 0 0; display:block;}

.attach-block-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}


/*compose news letter end*/


/*import Subscriber start*/

.iname{ float:left; width:120px; padding:0 8px 0 0;}
.icontroller{ float:left; width:324px; padding:0 8px 0 8px;}

.icontroller2{ float:left; width:500px; padding:0 8px 0 8px;}

.ispan{ color:#F00;}

.ipadd{ margin:10px 0 0 150px;}

.igroupblock{ float:left; width:200px; padding:0 0 0 5px;}
.span-iblock-head{ width:200px; height:25px; font-size:14px; float:left; padding:0 0 0px 0; font-weight:bold;}
.span-iblock{ width:200px; display:block; border:1px solid #CCC; float:left; margin:0px 0 0px; padding:0px 0 10px 10px; }

.span-iblock-text{ width:180px; height:15px; padding:5px 10px 0 0; display:block;}

.span-iblock-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}


/*import Subscriber end*/


/*reports Start*/
.rname{ float:left; text-align:right; font-size:12px; font-weight:bold; width:120px; padding:0 8px 0 0;}

.rcontroller1{ float:left; width:330px; padding:0 8px 0 8px;}
.rcontroller2{ float:left; width:500px; padding:0 8px 0 8px;}
.rcontroller3{ float:left; width:200px; padding:0 8px 0 8px;}
.rcontroller4{ float:left; width:250px; padding:0 8px 0 8px;}

.rcontroller3 .date{ padding:0 0 12px 8px;}
.rspan{ color:#F00;}

.rpadd{ margin:10px 0 0 150px;}

.rgroupblock{ float:left; width:200px; padding:0 0 0 5px;}
.span-rblock-head{ width:200px; height:25px; font-size:14px; float:left; padding:0 0 0px 0; font-weight:bold;}
.span-rblock{ width:200px; display:block; border:1px solid #CCC; float:left; margin:0px 0 0px; padding:0px 0 10px 10px; }

.span-rblock-text{ width:180px; height:15px; padding:5px 10px 0 0; display:block;}

.span-rblock-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}

.or{ width:540px; padding:5px 0 8px 150px; float:left; font-weight:bold; font-size:14px;}

.processed{ color:#090; text-decoration:none; font-weight:bold;}
.processed a{ color:#090; text-decoration:none;}
.inqueue{ color:#F00; text-decoration:none;font-weight:bold;}
.inqueue a{color:#F00; text-decoration:none;}
#rsearch{ float:left; padding:0 0 0 54px; width:155px;}


/*reports end*/


/*Setting Start*/
.stop-block{ width:308px; border:1px solid #CCC; float:left; margin:0 0 0 40px;}
.srow{width:308px; clear:both; padding:10px 0 10px 0;}
.span-sblock-head{ width:200px; height:25px; font-size:14px; float:left; padding:0 0 0px 0; font-weight:bold;}
.sgroupblock{ float:left; width:200px; padding:0 0 0 5px;}
.sname{ float:left; text-align:right; font-size:12px; font-weight:bold; width:60px; padding:0 8px 0 0;}
.sname2{ float:left; text-align:right; font-size:12px; font-weight:bold; width:100px; padding:0 8px 0 0;}
.srow2{width:350px; clear:both; padding:40px 0 10px 0;}
.srow3{width:350px; clear:both; padding:10px 0 10px 0;}


.scontroller1{ float:left; width:330px; padding:0 8px 0 8px;}
.scontroller2{ float:left; width:500px; padding:0 8px 0 8px;}
.scontroller3{ float:left; width:200px; padding:0 8px 0 8px;}
.scontroller4{ float:left; width:250px; padding:0 8px 0 8px;}

.span-sblock-head{ width:200px; height:25px; font-size:14px; float:left; padding:0 0 0px 0; font-weight:bold;}
.span-sblock{ width:200px; display:block; border:1px solid #CCC; float:left; margin:0px 0 0px; padding:0px 0 10px 10px; }
.span-sblock-text{ width:180px; height:15px; padding:5px 10px 0 0; display:block;}
.span-sblock-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}
.sbtn{ float:left; width:120px;}

/*Setting end*/

.footer{ width:980px; height:30px; padding:30px 0 0 0; background:#FFF url(../images/header-strip.png) repeat-x; background-position:top; float:left; }

.footer-left{ width:670px; padding:0 0 0 10px; height:30px; float:left;}

.footer-left a{ color:#000; text-decoration:none;}

.footer-right{ width:280px; height:30px; float:left;text-align:right; padding-right:10px;}

.footer-right a{ color:#000; text-decoration:none; text-align:right;}




/*add subscriber start*/

.addname{ width:120px; float:left; text-align:right; padding:0 8px 0 0; font-weight:bold;}
.addcontroller{ width:323px; float:left;}
.addspan-block{ width:200px; float:left; border:1px solid #CCC;}
.addspan-block-text{width:165px; padding:0px 0 0px 0px; float:left;}
.addspan-block-text a{border:none;}
.addspan-block-padding{ padding-left:125px;}

/*add subscriber end*/


/* send news letter start */
.tab{width:680px; margin: 0 auto; padding: 10px 0 40px;}
.ndtop-block{ width:308px; border:1px solid #CCC; float:left; margin:0 0 0 40px;}
.ndrow{width:308px; clear:both; padding:10px 0 10px 0;}
.ndpan-sblock-head{ width:200px; height:25px; font-size:14px; float:left; padding:0 0 0px 0; font-weight:bold;}
.ndgroupblock{ float:left; width:200px; padding:0 0 0 5px;}
.ndname{ float:left; text-align:right; font-size:12px; font-weight:bold; width:120px; padding:0 8px 0 0;}
.ndname2{ float:left; text-align:right; font-size:12px; font-weight:bold; width:100px; padding:0 8px 0 0;}
.ndrow2{width:350px; clear:both; padding:40px 0 10px 0;}
.ndrow3{width:350px; clear:both; padding:10px 0 10px 0;}
.ndblock{ width:680px;}
.ndline{ width:675px; clear:both; padding:5px 0 10px 0;}
.ndline-btn{ width:250px; clear:both; padding:5px 0 10px 0;}

.ndcontroller1{ float:left; width:330px; padding:0 8px 0 8px;}
.ndcontroller0{ float:left; width:323px; padding:0 8px 0 8px;}

.ndcontroller2{ float:left; width:500px; padding:0 8px 0 8px;}
.ndcontroller3{ float:left; width:200px; padding:0 8px 8px 8px;}
.ndcontroller4{ float:left; width:98%; padding:0 8px 0 8px;}

.scontroller4{ float:left; width:250px; padding:0 8px 0 8px;}

.span-ndblock-head{ width:200px; height:25px; font-size:14px; float:left; padding:0 0 0px 0; font-weight:bold;}
.span-ndblock{ width:200px; display:block; border:1px solid #CCC; float:left; margin:0px 0 0px; padding:0px 0 10px 10px; }
.span-ndblock-text{ width:180px; height:15px; padding:5px 10px 0 0; display:block;}
.span-ndblock-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}
.span-ndblock2{ width:183px; display:block; border:1px solid #CCC; float:left; margin:0px 0 0px; padding:0px 0 10px 10px; }
.span-ndblock2-text{ width:180px; height:15px; padding:5px 10px 0 0; display:block;}
.span-ndblock2-text a{ text-decoration:none; color:#000;padding:9px 0 0 0;}
.ndbtn{ float:left; width:120px;}

.ndribbon{ width:600px; margin-left:12px; padding:8px 0px 8px 15px; background:#f8f8f8; color:#000; border:1px solid #CCC;font-weight:bold;}

.ndribbon span1{ color:#06F;}

.ndribbon span1 a{ color:#F00;}

.nd-group{ width:90%; padding:10px 0 10px 10px; }

.nor{ width:540px; padding:25px 0 12px 150px; float:left; font-weight:bold; font-size:14px;}



/* send news letter end */