﻿/* FIXES */
.icset {-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
        border:#eee 1px solid;position:absolute;display:none;cursor:pointer;background:url('../../systems/images/icons/wrench.png') 12px 12px #eee no-repeat; width: 40px;height: 40px;z-index:1000;-moz-border-radius: 3px; border-radius: 3px;}
.boxHeader h3 {margin-top:0px;margin-bottom:3px;} /* H3 is a new sidebox title element. Need small margin because boxHeader has already paddings and h3 has default margin */
.ic_inline label {display:inline;}
.ic_inline input[type="checkbox"], 
.ic_inline input[type="radio"] {margin:3px;margin-bottom:5px;}
.category_tree td {padding-top:0px;padding-bottom:0px;line-height:10px;}
.search.adjust {margin-bottom:15px;margin-top:15px;}
.search.adjust input {width:100%}
.ic_preview img {margin:12px 0;border:#fff 7px solid;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)}

/* GRIDVIEW */
.GridView {border:#f3f3f3 1px solid;border-bottom:#f3f3f3 7px solid;background:#fff}/*background:#fff*/
.GridViewHeader th {color:#333;border:#ececec 1px solid;background:url('images/grid_header.png');padding-top:14px;padding-bottom:11px;padding-left:10px;padding-right:10px;font-size:9pt;}       
.GridViewRow td {color:#333;border:none;border-bottom:#f3f3f3 1px solid;font-size:9pt;padding:10px;padding-left:10px;padding-right:10px;}   
.GridViewAlternatingRow td {color:#333;border:none;border-bottom:#f3f3f3 1px solid;font-size:9pt;background-color:#f8f8f8;padding:10px;padding-left:10px;padding-right:10px;} 
.GridViewPager td {border:none;padding:7px;padding-left:10px;padding-right:10px}
.GridView a, .GridView a:link, .GridView a:visited {color:#333}
.GridView a:hover{color:#ff6600}


/* FORM (ALL) */
select {font-size:10pt;padding:5px;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
.button {font-family:Arial;font-size:11px;padding: 7px 20px 8px;
    font-weight:bold;color:#fff;background:#333;border:none;border:none;cursor:pointer;line-height:17pt}
.boxContent a.button {color:#fff;}
.boxContent a.button:link {color:#fff;}
.boxContent a.button:visited {color:#fff;}

input.color {height:30px;font-family:Arial;font-size:10pt;padding-left:7px;line-height:17pt;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
.textbox {height:30px;font-family:Arial;font-size:10pt;padding-left:7px;line-height:17pt;margin: 0 0 5px 0;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
.file {height:30px;font-size:10pt;padding-left:7px;line-height:17pt} /*border:0;background:#eee;*/

/* FORM */
fieldset {border:#f3f4f5 1px solid}
fieldset.web2 {padding:0 30px 20px 15px;border:#f3f4f5 1px solid}
fieldset.web2 legend{font-size:14px;font-weight:700;left:0;margin:0;padding:0;}
fieldset.web2 select {font-size:10pt;padding:5px;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
fieldset.web2 label {display:block;margin:14px 0 3px;padding:0;}

/*Utk CheckBox & Checkboxlist harus ada div
fieldset.web2 div {display:block;margin:14px 0 3px;padding:0;width:100%;}*/
fieldset.web2 div label {display:inline;margin:14px 0 3px;padding:0;width:100%;}
fieldset.web2 td label {display:inline;margin:14px 0 3px;padding:0;width:100%;}/*utk control yg lain (login)*/

/* Div with continuous content */
fieldset.web2 div.field-inline {margin:14px 0 3px;}
fieldset.web2 div.field-inline input.textbox {display:inline;margin:0px}
fieldset.web2 div.field-inline input.button {display:inline;margin:0px}

/* Backward compatibility (for IE6) */
fieldset.web2 .button {width:auto;margin:12px 0 0;
    font-size:11px;font-weight:bold;color:#fff;padding: 7px 20px 8px;
    cursor:pointer;display:block;line-height:17pt}
fieldset.web2 .textbox   {height:30px;font-family:Arial;font-size:10pt;padding-left:7px;line-height:17pt;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
fieldset.web2 .password {height:30px;font-size:10pt;padding-left:7px;line-height:17pt;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
fieldset.web2 .file {height:30px;font-size:10pt;padding-left:7px;border:0;background:#eee;line-height:17pt;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }

/* FORM (SMALL VERSION) */
fieldset.web2small {padding:0px;padding-left:7px;border:none;font-size:11px;color:#000;} 
fieldset.web2small legend{display:none}
fieldset.web2small select {font-size:9pt;padding:4px;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
fieldset.web2small label {display:block;margin:7px 0 1px;padding:0;font-size:11px;}

fieldset.web2small div.field {margin:7px 0 3px;}
/*
Utk Checkboxlist: label ada di dalam TD (juga utk control yg lain,misal:login)
Utk CheckBox: harus diletakkan di dalam div
*/
fieldset.web2small div label {display:inline;margin:7px 0 1px;padding:0;width:100%;font-size:11px;}
fieldset.web2small td label {display:inline;margin:7px 0 1px;padding:0;width:100%;font-size:11px;} 

/* Div with continuous content */
fieldset.web2small div.field-inline {margin:7px 0 3px;}
fieldset.web2small div.field-inline input.textbox {display:inline;margin:7px 0 3px;}
fieldset.web2small div.field-inline input.button {display:inline;margin:7px 0 3px;}

/* Backward compatibility (for IE6) */
fieldset.web2small .button {width:auto;margin:3px 0 0;line-height:17pt;
    font-size:11px;font-weight:bold;color:#fff;padding: 4px 20px 5px;
    cursor:pointer;display:block;}
fieldset.web2small .textbox   {height:27px;font-size:9pt;padding:0px;padding-left:7px;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
fieldset.web2small .password {height:27px;font-size:9pt;padding:0px;padding-left:7px;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }
fieldset.web2small .file {height:27px;font-size:9pt;padding:0px;padding-left:7px;border:0;background:#eee;
        border: 1px solid #adadad;
        background:url('images/textbox.png') #fff repeat-x;
        }

a.button, fieldset.web2 a.button, fieldset.web2small a.button {padding: 7px 20px 8px;text-decoration:none;color:#fff;} 
a.button:link, fieldset.web2 a.button:link, fieldset.web2small a.button:link {color:#fff;} 
a.button:visited, fieldset.web2 a.button:visited, fieldset.web2small a.button:visited {color:#fff;}

/*** CMS ELEMENTS  ***/
.pagetool {height:26px;margin-top:10px;margin-bottom:25px;}/*border-bottom:#000 1px dotted;*/

.quickadd {width:450px;background:#fcfcfc;padding:17px;border:#eee 1px solid;margin-bottom:5px;margin-top:5px}/*min-width:450px;*/
.quickadd-box {}
.quickadd a, .quickadd a:link, .quickadd a:visited {color:#000;}

.draftinfo {color:#e93213}

.StatTable {BORDER-COLLAPSE: collapse}
.StatTable td {padding:2px;border-bottom:#eee 1px solid;text-align:center;font-size:10px}
.StatTable th {padding:2px;border-bottom:#eee 1px solid;text-align:center;font-size:10px}
.StatTableHeader th {padding:5px;color:#333;border:#ccc 1px solid;background:url('images/button.png');text-align:center;font-size:10px}
.dayWeekend {background:#f0f0f0}

.MonthSummaryCaption {font-size:16px;font-weight:bold;}
.MonthSummary {font-size:30px}

.dashboardMenu h3 {font-size:15px;line-height:15px;margin-top:1px;margin-bottom:2px;} /*group title*/
.dashboardMenu div {border-bottom:#ccc 1px dotted;margin-top:7px;margin-bottom:4px;} /*group separator*/
.dashboardMenu a, .dashboardMenu a:link, .dashboardMenu a:visited {letter-spacing:1px;line-height:20px;color:#000;} /*menu link*/


/*Add by Joshua*/
.admin_section_header                       { color:#333; border:#ccc 1px solid; background: url('images/button.png'); padding: 5px 10px; font-size:12px; font-weight: bold;}
.admin_container                            { border: solid 1px #ccc; border-top: 0px; padding: 7px;}
.admin_outer_container                      { margin-top: 30px;}

/* Discussion */
fieldset.web2 .frm_post_bar {font-size:10px;font-family:Tahoma;background:url('images/button.png');color:#2c2c2c;padding-left:7px;height:16px;border:#BEC7D1 1px solid;}
fieldset.web2 .frm_post_infopanel {background-color:#ffffff;border:#BEC7D1 1px solid;padding:12px;}
fieldset.web2 .frm_post_message {background-color:#ffffff;border:#BEC7D1 1px solid;width:100%;padding:8px;}

/* Dashboard */
.menu_header 
{ background:#f3f3f3;
}

/* Forum */
.frm_item {
    padding:20px;min-width:200px; background-color: #f7f7f7;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:#eee 1px solid;
}
.thread_sticky {
    padding: 30px; margin-bottom: 30px; background-color: #fffcc4;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:#eee 1px solid;
}
.thread_item {
    padding: 30px; margin-bottom: 30px; background-color: #fafafa;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:#eee 1px solid;
}
.thread_most_recent {  
    color: #ff7a22;font-size:12px;text-transform:lowercase;
}
.post_initial {
    padding: 30px; margin-bottom: 30px; background-color: #f3f3f3;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:#eee 1px solid;
}
.post_initial_sticky {
    padding: 30px; margin-bottom: 30px; background-color: #fffcc4;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:#eee 1px solid;
}
.post_reply {
    padding: 30px; margin-bottom: 30px; background-color: #f7f7f7;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:#eee 1px solid;
}
.item_date {
    padding: 5px 0 0 0px; margin: 0 0 18px; display: block;
    line-height: 18px; color: #999999;
}
.item_date:before {
    content: '\2014 \00A0';
    }

.makefile label {background:url(../../systems/images/icons/document-image.png) no-repeat 2px center;padding:3px;padding-left:23px;}
.makelink label {background:url(../../systems/images/icons/chain.png) no-repeat 2px center;padding:3px;padding-left:23px;}
.makelisting label  {background:url(../../systems/images/icons/projection-screen-presentation.png) no-repeat 2px center;padding:3px;padding-left:23px;}
.makeproduct label  {background:url(../../systems/images/icons/bank.png) no-repeat 2px center;padding:3px;padding-left:23px;} 
.addsummary label  {background:url(../../systems/images/icons/edit-image.png) no-repeat 2px center;padding:3px;padding-left:23px;}

.settingbox {border:#e3e4e5 1px solid;padding:15px;margin-bottom:15px;background:url(../../systems/images/bg_post.jpg) repeat-x #fff;color:#000;}
.settingbox a, .settingbox a:link, .settingbox a:visited {color:#000}

.msg_ok {color:#000;background:#EEF6FB;border:#C5DFF1 1px solid;padding:7px;padding-top:15px;padding-bottom:15px;}
.msg_error {color:#000;background:#FFF2F4;border:#FFB9C4 1px solid;padding:7px;padding-top:15px;padding-bottom:15px;}