@charset "utf-8";
/* CSS Document */
/* @author Malcolm Yam*/
html,body{margin:0;padding:0; height: 100%;}
body{font: 11px Helvetica,Arial,Tahoma,sans-serif;background-color:rgb(237, 247, 242);height:100%;}
a{color: #006;}

#container{margin:0;padding:0;}
div#mainwrapper{margin:0;margin:0px 10px 0px 10px;border-left:#b2b2b2 1px solid;
                border-right:#b2b2b2 1px solid;padding:0;border-bottom: #b2b2b2 1px solid;
                background:#FFF;}

div#header{background:url(../images/header_bg.gif) repeat-x;

           height: 58px;
           padding-bottom: 0px;
           padding-left: 10px;
           padding-right: 8px;
           padding-top: 15px;margin:0;

}
#header span.time{
    color:#7b9b9b;
}
ul.header_links{
    float:right;font-size:11px;list-style:none;margin:0;padding:0;color:white;
}
ul.header_links li{
    display:inline;margin:0;padding:0;
}
ul.header_links li a{
    text-decoration:none;
}
ul.header_links li a:hover{
    text-decoration:underline;
}
ul.header_links li a.settings{
    padding-left:20px;
}
ul.header_links li a{
    display:inline;margin:0;padding:0;color:white;
}
.test{float:right;font-size:11px;list-style:none;}

#header h1{top:10px;margin:0;position:absolute;
           padding-left:10px;color: #79B30B;font-size:16px;}
/*div#header a{text-align:right;position:absolute;right:0;top:23px;float:right;}*/
.links{float:right;border:1px solid #F00;}
.links a{text-decoration:overline;}
.links a:hover{text-decoration:underline;cursor:crosshair}
/*-------------- header menu ------------ */
#menuwrapper{padding:0;margin:0;/*position: absolute;*/}
#header  ul#menu{
    background-color: transparent;
    height: auto;
    color:white;
    width: auto;/*line-height: 121px;*/
    position: relative;list-style: none;margin:0;padding:11px 0px 0px 0px;
}
#header  ul#menu li{font-size: 11px;color:white;font-weight:bold;display:inline;
                    margin:0;margin-right:0px;}
#header ul#menu li.current a:link{background:white;color:black;border-left:1px solid #b2b2b2;border-top:1px solid #b2b2b2;}
#header ul#menu li.current a{color:black;text-decoration:none;}

#header ul#menu li a{color:white;text-decoration:none;padding:5px 10px 5px 10px;}
#header ul#menu li:hover{background:white;color:#000;}
#header ul#menu li a:link{background:white;color:white;border-left:1px solid #46ffff;border-top:1px solid #46ffff;background:url(../images/header_menu_bg.png) repeat-x}
#header ul#menu li a:visited{background:white;color:white;border-left:1px solid #46ffff;border-top:1px solid #46ffff;background:url(../images/header_menu_bg.png) repeat-x}

#header ul#menu li:hover a:hover{background:white;color:#000;}
/*-------------- end of header menu -------*/


/*main content */
div#content{margin-top:26px;margin-left:2%;}
div#content p{line-height:1.4;padding:0;margin:0;}
div#content h1{font-size:20px;font-weight:bold;padding:0;margin:0;height:32px;}
div#content .icon{display:inline;width:32px;margin-left:5px;padding-left:32px;height:32px;}
div#content .numbers{font-size:11px;margin-top:-10px;}
div#content .help{float:right;font-size:10px;padding-right: 10px;}
div#content .help a{text-decoration:none;}
div#content .help a:hover{text-decoration:underline;}

/*------------- start of content wrapper ------------*/
div.contentwrapper{width:99%;margin-top:15px;}
div.tbl_header{background: #27aefc;display:block;height: 5px;}
div.tbl_controls{background:#e5e5e5;display:block;height: 30px;border-bottom: 1px solid #cccccc;font-size:11px;}
div.tbl_controls ul{padding:8px 5px 0px 5px; margin:0;list-style: none;}
div.tbl_controls ul li{display:inline;height: 16px;
                       padding: 2px 15px 2px 20px;}
div.tbl_controls ul li a{display:inline;height: 16px;padding:0;margin:0;text-decoration: none;}
div.tbl_controls ul li a:hover{display:inline;height: 16px;padding:0;margin:0;text-decoration: underline;}
div.tbl_row{background:#fff;border-bottom:#b2b2b2 1px solid;padding:0;margin:0;position:relative; height:26px;font-size:11px;}
div.tbl_row:hover{background:#ffffe0;cursor:default;}
div.tbl_row.alt{background:#f3f7ff;}
div.tbl_row.alt:hover{background:#ffffe0;cursor:default;}
div.row{position:absolute;margin-top:5px;}
div.row.cbo{left:10px;}
/*campaign specific rows
  note that there is 15px spacing between each column
*/
div.row.date{left:35px;width:30px;}
div.row.name{left:80px;width:120px;}
div.row.desc{left:215px;width:200px;}
div.row.camp_name{left:430px;width:120px;}
div.row.comment{left:630px;}
div#contentwrapper{width:81%;}

/*------------- end of content wrapper ------------*/

/*navigation sidebar */
div#navigation{font-size:11px;background: url(../images/sub_menu_bg.gif); border:1px solid #a6d0e7; margin-top:26px;}
div#navigation{float:left;width:15%;margin-left:7px;padding:10px 10px 10px 10px;margin-bottom:10px;}/*original 29.9% and no margin, margin bottom to force users login to go down*/
div#navigation .header{font-size:12px;font-weight:bold;padding:0;margin:0;display: inline;}
div#navigation h1{font-size:12px;font-weight:bold;padding:0;margin:0;}
div#navigation p{font-size:11px;padding:0;margin:0;display: inline;}

/* -------- subpanel --------*/
div#navigation .subpanel{padding-bottom:10px;}
div#navigation .subpanel ul{	
    margin: 0px 0px 0px 0px;
    padding:0px;
    list-style:none;
}
div#navigation .subpanel li{height: 16px;
                            padding: 2px 2px 2px 22px;
                            padding-left: 22px;}
div#navigation .subpanel li.outbox{background:url(../images/outbox_ico.png) no-repeat;}
div#navigation .subpanel li.cal{background:url(../images/cal_ico.png) no-repeat;}
/* ----------- end of subpanel ----*/
.subpanel_white{
    font-size:11px;background: url(../images/subpanel_white.png)  repeat-x; border:1px solid #bdbcbd; float:left;width:15%;
    margin-left:7px;padding:14px 10px 20px 10px;margin-bottom:10px;text-align:center;
    background-color:#ececec;height:100%;}
.subpanel_white.left{text-align:left;}
.subpanel_white h1{font-size:12px;font-weight:bold;padding:0;margin:0;}
.subpanel_white p{margin:0;padding:0;text-align:left;}
.subpanel_white .header01{font-size:14px; font-weight:bold;}
.subpanel_white .header02{font-size:30px; font-weight:bold;color:#e03c10;}
.subpanel_white .header03{font-size:12px; font-style:italic;color:#516388;}

div#extra{background:#ededed;height:100%;border:1px solid #494949;margin:0;padding:0;}
div#extra_content{background:#ededed;width:100%;height:100%;}
div#extra_content h1{margin:0;padding:0;font-size:12px; padding:10px 0px 0px 15px; width:15%;background:#ededed;}
div#extra_content div{margin:0;padding:0;background:#ededed;padding:10px 0px 15px 15px;}
div#extra_content .grey_spacer{float:right;margin:0;padding:0;font-size:12px;width:83%;border-bottom: #b2b2b2 1px solid;
                               background:#656b75;
                               border-left: #b2b2b2 1px solid;height: 20px;}

/*------------ footer -------------*/
div#footer{color:#b2b2b2;font-size:11px;}
div#footer p{margin:0;padding:5px 10px;text-align:center;}
div#footer a{display:inline;padding:0;color: #b2b2b2;text-decoration:none;}
div#footer a:hover{display:inline;padding:0;color:#333;text-decoration:underline;} 

div#wrapper{float:right;width:81%}

/*--------- table -------------- */
table {border-collapse: collapse;
       border: 0px solid #000;
       font:10px;
       color: #555;
       background: #fff;width:99%;}

td, th {border-top: 1px dotted #bbb;border-bottom: 1px dotted #bbb;
        padding: .3em;font-size:10px;}

caption {padding: 0 0 .5em 0;
         text-align: left;

         font-weight: bold;
         text-transform: uppercase;
         color: #333;
         background: transparent;}

/* =links
----------------------------------------------- */

table a {padding: 1px;
         text-decoration: none;
         font-weight: bold;
         background: transparent;}

table a:link {border-bottom: 1px dashed #ddd;
              color: #000;}

table a:visited {border-bottom: 1px dashed #ccc;
                 text-decoration: line-through;
                 color: #808080;}

table a:hover {border-bottom: 1px dashed #bbb;
               color: #666;}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th {
    text-align: left;
    font-size: 10px;;
    font-weight:normal;
    color: #333;
    background: transparent;font-weight:bolder}

tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

tbody th, tbody td {vertical-align: top;
                    text-align: left;}

tbody th {white-space: nowrap;}

.odd {background: #fcfcfc;}

tbody tr:hover {background: #fafafa;}

/* ------------- icons --------- */
.add{background:url(../images/add_ico.png) no-repeat;}
.filter{background: url(../images/filter_ico.png) no-repeat;}
.delete{background:url(../images/delete_ico.png) no-repeat;}
.edit{background:url(../images/edit_ico.png) no-repeat;}
.export{background:url(../images/excel_ico.png) no-repeat;}
.save{background:url(../images/save_ico.png) no-repeat;}
.settings{background:url(../images/settings_ico.png) no-repeat;}
/*---------- large icons ------*/
.inbox-32{background:url(../images/inbox_32.png) no-repeat;}
.campaign-32{background:url(../images/campaign_32.png) no-repeat;}


/*---------- spacers ----- */
.spacer-0{clear:both;}
.spacer-10{clear:both;height:10px;}
.spacer-20{clear:both;height:20px;}
.spacer-25{clear:both;height:25px;}
.spacer-30{clear:both;height:30px;}
.spacer-40{clear:both;height:40px;}

.clear{
    clear:both;
    position:relative;
}

.paginationControl {
    padding: 3px;
    margin: 3px;
    text-align:right;
}

.paginationControl a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #9aafe5;/*#EEE;*/
    text-decoration: none; /* no underline */
    color: #036CB4;
}

.paginationControl a:hover,
.paginationControl a:active {
    border: 1px solid #0e509e;/*#999;*/
    color: #666;
}
.paginationControl .current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #036CB4;/*#036CB4;*/
    font-weight: bold;
    background-color: #036CB4;
    color: #FFF;
}
.paginationControl .disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}

/*------- flash messages ----- */
#flash-block{margin:4px -14px;padding:1px 14px;background:#fff;}

#flash-errors{display:block;clear:both;list-style:none;
              margin:30px auto 8px auto;padding:10px 4px 10px 44px;
              font-size:120%;text-align:center;background:#FBE3E4 none;
              color:#D12F19;border:1px solid #FBC2C4;-moz-border-radius:4px;
              border-radius:4px;-webkit-border-radius:4px;}
#flash-success{display:block;clear:both;list-style:none;margin:30px auto 8px auto;
               padding:10px 4px 10px 44px;font-size:120%;text-align:center;
               background:#E6EFC2 none;color:#529214;border:1px solid #C6D880;
               -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;}
#flash-block .info{padding-top:0;}
#flash-block p{margin:2em 0;}
#flash-block img{float:none;margin:0 0 -6px 0;}
#flash-block .buttonwrapper{width:580px;margin:10px auto;border:0;}
#flash-block .buttonwrapper .button{margin:0 10px;}
#flash-errors,#flash-success{margin:0;}

/*--- end of flash message ---- */

/*--- content related:: form --- */
#content div,#content span, #content object,#content iframe,
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,
#content p,#content blockquote,#content pre,#content a,#content abbr,
#content acronym,#content address,#content code,#content del,#content dfn,
#content em,#content img,#content q,#content dl,#content dt,#content dd,
#content ol,#content ul,#content li,#content fieldset,#content form,
#content label,#content legend,#content table,#content caption,
#content tbody,#content tfoot,#content thead,#content tr,#content th,#content td {
    border:0 none;

    margin:0;
    padding:0;
    vertical-align:baseline;
}

#content #page-heading{
    clear: both;
    color: #0065cc;
    font-size: 240%;
    margin: 20px 0px 10px;
    text-transform: capitalize;
}

h1,h2,h3,h4,h5,h6{
    font-family:"Trebuchet MS","Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-weight:normal;
}

#content h2{
    font-size: 2em;
    margin-bottom:0.75em;
}
#content h3 {
    color: #0065cc;
    font-size: 1.5em;
    line-height: 1;
    margin: 2em 0px 0.5em;
    border-bottom:1px solid #CCCCCC;

}

#content p{
    line-height:1.5em;
    margin-bottom:1.5em;
    margin-top:1.5em;
    margin: 0px 0px 1.5em;
    font-size:12px;
}
#content h3 a{
    text-decoration:none;
}

#content a{
    text-decoration:none;
}
#content h3 a:hover{
    color:#12385f;
}
#content a:active {
    color:#12385f;
}
#content a:link,#content a:visited {
    color:#0065cc;
}
.greyform a.greybutton{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -x-system-font:none;
    background:transparent url(../images/buttons/grey-right.png) no-repeat scroll right top;
    border:0 none;
    color:#545454;
    cursor:pointer;
    display:block;
    float:left;
    font-family:arial,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    height:33px;
    line-height:normal;
    margin-right:6px;
    padding-right:12px !important;
    text-decoration:none;padding-top:1px;
}
.greyform a.greybutton span{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/grey-left.png) no-repeat scroll 0 0;
    color:#545454;
    display:block;
    line-height:14px;
    padding:6px 0 10px 10px
}


/*---end of content related:: form --- */