/*
	reset.css
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	zoom:1; 
}

body {
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
} 

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea, select {
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma;
	font-size:12px;
	color:#888;
}
a {
	text-decoration:none; 
	color:#000000;
}
.c {
	font-size:0px; 
	line-height:0px;
	height:0px !important;
	width:100%;
	clear:both;
}
.fl {float:left;} .fr {float:right;}


body {
    background:#E5E5E5 url(../img/header_bg.gif) repeat-x;
    font-family:Verdana;
    font-size:12px;
    text-align:center;
    color:#555;
}

    #wrapper {width:985px; margin:0px auto; text-align:left;}
    
    #wrapper #header {
        height:100px;
    }
    #header .top {
        height:64px;
    }
        #header .top .logo {
            float:left;
            padding:10px 0px 0px;
        }
        #header .top .product {
            float:right;
            padding-top:8px;
        }
    #header .menu {
        
    }
        #header .menu .navigation {
            float:left;
        }
        #header .menu .navigation ul li {height:36px; float:left; display:inline-block; padding-right:2px; position:relative;}
        #header .menu .navigation ul li a {color:#FFF; font-weight:bold; display:block; padding:10px 11px 11px 11px;  background:#666; border:1px solid #666; border-bottom:none; font-size:11px; }
        #header .menu .navigation ul li.selected a,
        #header .menu .navigation ul li.hovered a { position:relative; z-index:2;background:url(../img/navigation_bg_s.png) repeat-x; border-bottom:1px solid #e5e5e5; color:#666;}
        
        #header .menu .navigation ul li ul {display:none;}
        #header .menu .navigation ul li.hovered ul {position:absolute; display:block; z-index:1; left:0px; top:36px; background:#E5E5E5; width:200px; border:1px solid #2C67C0;}
        #header .menu .navigation ul li.hovered ul li {border:none; background:#E5E5E5; display:block;width:100%; padding-right:0px;}
        #header .menu .navigation ul li.hovered ul li a{border:none; display:block; background:#E5E5E5;}
        #header .menu .navigation ul li.hovered ul li a:hover {background:#dedede;}
        #header .menu .cps {
            float:right;
            margin:0 12px 0 0;
            padding-top:11px;
            padding-right:4px;
        }
        #header .menu .cp {
            float:right;
            padding-top:11px;
            padding-right:4px;
        }
        #header .menu .cp a {
            color:#EFF2F5; font-size:11px;
            text-decoration:underline;
        }
        #header .menu .cp .sep {padding:0px 3px; color:#dedede; font-weight:bold;}
        #header .menu .cp .setsize {background:url(../img/ico/set_size.png) no-repeat left 3px; color:#dedede; padding-left:18px;}
        #header .menu .cp .setsize.active {background:url(../img/ico/set_size.png) no-repeat left -10px;}
        
        
    #content {margin-top:12px; overflow:hidden; height:100%; margin-bottom:20px;}
    /*#content #left {width:761px; float:left;}
    #content #right {width:219px; float:right;}*/
    
    #content #left {width:100%; float:left;}
    #content #right {display:none;}
    
    #login {
        width:550px;
        margin:20px auto;
        overflow:hidden;position:relative;
    }
    .tabs {width:1100px;float:left;position:relative;}
    .tabs .first-tab,.tabs .second-tab {overflow:hidden;float:left;width:545px;position:relative;}
    .tabs .second-tab {width:540px;opacity:0;display:none;}
    #context {
        background:#FFF url(../img/content_bg.jpg) repeat-y right;
        padding-right:4px;
    }
    .context-bottom { background:url(../img/content_bg_bot.jpg) repeat-y; line-height:0px; font-size:0px; height:4px;}
    
    #context .heading {
        padding:10px 10px 10px 25px;
        background:#666;
        border:1px solid #666;
        border-left:none; border-right:none;
        overflow:hidden; height:100%;
    }
    #context .heading h1 {
        float:left;
        color:#FFF;
        font-size:18px;
    }
    #context .heading .options {
        float:right;
        padding-top:2px;
    }
    #context .heading .options a {
        color:#F9FAFB;
        float:left;
        font-size:12px;
        font-weight:bold;
        padding:2px 0px 2px 5px;
        text-decoration:underline;
    }
        #context .heading .options .add {background:url(../img/ico_add.gif) no-repeat right center; padding-right:20px;display:inline-block; }
        #context .heading .options .search {background:url(../img/ico_search.gif) no-repeat right center; padding-right:20px;display:inline-block; }
        #context .heading .options .help {background:url(../img/ico/ico_help.gif) no-repeat right center; padding-right:20px;display:inline-block; }
        
    .content-area {padding:26px;position:relative;}  
    .content-area p {padding-bottom:15px;}
    
    .tblView {}
    .tblView table {border:1px solid #FFF;}
    .tblView tr td, .tblView tr th {padding:6px 6px;border-bottom:1px solid #eee; color:#555; border-right:1px solid #eee; border-left:1px solid #eee;}
    .tblView thead tr td, .tblView thead tr th { background:#dedede; font-weight:bold; color:#666; border:1px solid #eee;}
    .tblView tr td a, .tblView tr th a {color:#666;}

    tr.last-child .input-container {position: absolute;top: 33px; right: 45px;}
    tr.last-child.Viewtr .input-container {position: relative;top:inherit; right: inherit;}
    tr.last-child .input-container .rb {height: 24px;border-radius: 3px;}
    tr.last-child .input-container .rb input[type="submit"]{border-radius: 3px;}
    
    h2.tblHeading {border-bottom:1px solid #666; border-top:1px solid #666; background:#666; color:#fff; font-weight:bold; font-size:16px; padding:9px;}
    h3 {font-size:14px; font-weight:bold; color:#333;}
    h4 {font-size:12px; font-weight:bold; color:#333; background:url(../img/line_bg.png) repeat-x; padding:5px; margin-bottom:10px;}
    h4 span {background:#FFF; padding:0px 5px;}
    
    .module {
        background:url(../img/right_bg.png) repeat-y;
        padding-right:4px;
    }
    .module .subject {
        padding:7px;
        background:#01ADDD;
        border-left:none; border-right:none;
        overflow:hidden; height:100%;
    }
    .module .subject h3 {float:left; padding-top:8px;}
    
    .module-bot {background:url(../img/right_bg_bot.png) repeat-y;line-height:0px; font-size:0px; height:4px;}
    
    .module .subject .options {float:right;}
    .module .subject .options a {
        color:#F9FAFB;
        float:left;
        font-size:12px;
        font-weight:bold;
        padding:6px 0px 6px 5px;
        text-decoration:underline;
    }
        .module .subject .options .mail {background:url(../img/ico_mail.gif) no-repeat right center; padding-right:36px;display:inline-block; }
        
    .module .module-context {padding:6px 10px;}
    .module .module-context ul.list li {
        border-bottom:1px solid #EEF0F7;
        padding:6px 0px 6px 10px;
        background:url(../img/ico_arrow.gif) no-repeat left 10px;
    }
    .module .module-context ul.list li.unread {
        background:url(../img/ico_unread.gif) no-repeat left 10px;
        font-weight:bold;
    }
    .module .module-context ul.list li.last {border:none;}
    .module .show-all {
        background:#F5F7FA;
        padding:10px;
        text-align:right;
        border-top:1px solid #E7ECF3;
    }
    .module .show-all a {
        font-size:11px;
        color:#828FA6;
        font-weight:bold;
    }
    
#footer {
    background:url(../img/footer_bg.png) repeat-x;
    height:30px;
    text-align:center;
    padding-top:20px;
}
.footer-content {
    margin:0px auto;
    text-align:left;
    width:971px;
    color:#B6B6B5;
}
.footer-content a {color:#B6B6B5; text-decoration:underline;}
    .licensed {float:right;}
    .magiclick {float:left;}

.ui-datepicker-div {background:#999;}
#ui-datepicker-div{z-index:999 !important;}

.hidden{display:none;}

/* for ui modal */
.ui-dialog{overflow:visible !important;}
.ui-dialog .ui-dialog-content{padding:0 !important; position:static !important; overflow:visible !important;}
.ui-dialog .ui-dialog-titlebar{display:none;}
.ui-widget-content{background:none !important; color:#49595F; border:0 !important;}
.CustomModalBox{overflow:hidden;}
.ModalTopArea{overflow:hidden; height:14px;}
.ModalCornerLeftTop{background:url(../img/modal/modal-corner-left-top.png) no-repeat left top; height:14px; overflow:hidden; font-size:0px; padding-left:14px;}
.ModalCornerRightTop{background:url(../img/modal/modal-corner-right-top.png) no-repeat right top; height:14px; overflow:hidden; font-size:0px; }
.ModalCenterArea{overflow:hidden; background-color:#ffffff; float:left; width:100%;}
.ModalContent{overflow:hidden; height:530px;}
.ModalBottomArea{overflow:hidden; height:14px;}
.ModalCornerLeftBottom{background:url(../img/modal/modal-corner-left-bottom.png) no-repeat left top; height:14px; overflow:hidden; font-size:0px; padding-left:14px;}
.ModalCornerRightBottom{background:url(../img/modal/modal-corner-right-top.png) no-repeat left top; height:14px; overflow:hidden; font-size:0px;}

a.ModalClose{background:url(../img/modal/modal-close.gif) no-repeat 0 0; width:25px; height:25px; display:block; position:absolute; top:-27px; right:0px; font-weight:bold; font-size:16px;}

.frameincustomModal body{background-color:#ffffff !important;}
.editSelectHght{height:23px; *height:26px; width:375px;}
#cke_9{float:left !important; display:inline-block;}
#cke_4{float:left; width:300px;}
.uploadKind{float:left; text-align:left; padding-left:12px; display:block;}

ul.fileList{
	list-style:disc;
}



.file-options { display:block; width:300px; padding:10px 0px 10px 0px; }

.sub-text { font-size:10px; font-weight:normal; display:block; width:300px; }

.pr-image { display:block; width:100%; padding-top:10px;}
.pr-image img { width:105px; height:70px; }

.pr-file { display:block; width:100%; padding-top:10px;}
.pr-file a { }


.icon-active {
    background: url("../img/ico/new-admin-set-icons.png") no-repeat scroll right top transparent;
    height: 21px;
    width: 21px;
}


.icon-set {
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    width: 21px;
}

.icon-passive {
    background: url("../img/ico/new-admin-set-icons.png") no-repeat scroll right bottom transparent;
    height: 21px;
    width: 21px;
}

.icon-up {
    background: url("../img/ico/new-admin-set-icons.png") no-repeat scroll left top transparent;
    height: 21px;
    width: 21px;
}

.icon-down {
    background: url("../img/ico/new-admin-set-icons.png") no-repeat scroll left bottom transparent;
    height: 21px;
    width: 21px;
}

.icon-delete
{
    background: url("../img/ico/new-admin-set-icons.png") no-repeat scroll left bottom transparent;
    height: 21px;
    width: 21px;
}