/* DEFAULTS
------------------------------------------------------------*/

/* body */
html{height: 100%;}
body {font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; margin: 0; padding:0; font-size:100%;}

/* form */
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input[type="text"] {width: 200px; border: 1px solid #CCC;}
input[type="password"] {width: 200px;border: 1px solid #CCC;}
fieldset {margin: 0px 0 20px 0; padding: 10px 30px; border: 1px solid #CCC;}
fieldset p {margin: 2px 10px 10px 0px;}
fieldset label, label {display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em; font-weight: 600; text-align:left; padding: 2px 4px 8px 4px;}
input, button, textarea, select {*font-size: 100%;} /* purpose To enable resizing for IE @branch For IE6-Win, IE7-Win */
textarea{ width:100%; height:100px;}

/* table */
table.data_table{border-collapse: collapse; border-spacing: 0; border-left: 1px solid #DBE1E6;}
table.data_table td, table.data_table th{padding:5px 10px; font-size:11px; }
table.data_table th{ background-color:#DBE1E6; color:#333;}
table.data_table th.header{ color:#fff; }
table.data_table td{ background-color:#f5f5f5; border-bottom: 1px solid #d4d8de; border-right: 1px solid #d4d8de;}
table.data_table tr.alt td{ background-color:#fff;}
table.data_table tr td.table_toolbar{ background-color:#6688a4;}

/* text */
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
h1, h2, h3, h4, li, ul, p {text-align:left; font-size:100%; margin:0; padding:0; color:#333;}
h1, h2, h3, h4, h3 a {font-size: 110%; font-weight: bold;}
p, table{font-size:100%; line-height:160%;}
h1 span{ color:#ccc;}

/*lists*/
ul, li{ list-style-type: none; margin:0; padding:0; text-align:left;}
dl {text-align:left;}
dl dt {text-align:left; margin-left:10px;}
dl dt dd {text-align:left; margin-left:10px;}

a {color:#105CB6;}
a:hover {text-decoration:none;}

/* other */
img {border: none;}
hr {height:1px; color:#F2F1E8; background: #F2F1E8; border:none;}
caption,
th {text-align: left;}

/* reset
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ padding:0; margin:0} */


/* REUSABLES
------------------------------------------------------------*/

/* BUTTON
http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/ */
.button, button{display:block;float:left;margin:0 7px 0 0;
        background-color:#f5f5f5;
        border:1px solid #dedede;
        border-top:1px solid #eee;
        border-left:1px solid #eee;
        font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
        font-size:12px;line-height:130%;text-decoration:none;
        font-weight:bold;color:#565656;
        cursor:pointer;
        padding:5px 10px 6px 7px; /* Links */
}
button.button{width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
button[type].button{padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
button.button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;}

/* standart */
button:hover.button, a:hover.button{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
a:active.button{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}

/* positive */
button.positive, a.positive.button{color:#529214;}
.buttons a.positive:hover, button.positive.button:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.buttons a.positive.button:active{background-color:#529214;border:1px solid #529214;color:#fff;}

/* negative */
.buttons a.negative, button.negative{color:#d12f19;}
.buttons a.negative:hover, button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
.buttons a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}

/* regular */
button.regular, .buttons a.regular{color:#336699;}
.buttons a.regular:hover, button.regular:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
.buttons a.regular:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}

/*message rounded box*/
#alert_call{color:#333;}
.r_al_b4{background-color: #fcff97;  position:relative; padding:10px 20px;}
.r_al_b4{text-align: left;}
.close_message{position: absolute; right:10px; top:10px; display:block; height:9px; width:9px; background: url(../images/message_close_bc.gif) no-repeat 50% 50%;}

/*paging*/
.paging{margin:10px 10px 0px 0px;}
.paging a, .paging span, .paging_top a, .paging_top span{display:block; border:1px solid #888; float:left; padding:5px; height:15px; width:15px; margin:1px; text-decoration:none; color:#888; font-size:11px;}
.paging a {cursor:pointer;}
.paging a.p{width:80px;}
.paging a.n{width:60px;}
.paging span{background-color:#888; color:#fff; font-weight:bold; border:1px solid #888; }
.paging span.pg_dots{background-color:#fff; color:#888; font-weight:bold; border:1px solid #fff; }
.paging a:hover, .paging_top a:hover{border:1px solid #222; background-color:#80A71F; color:#fff;}

/*table paging*/
.top_paging {margin-bottom:5px;}
.top_paging .previous span, .top_paging .next span{display:block; height:17px; cursor:pointer;}
.top_paging .previous, .top_paging .next{ display:block; margin-left:5px; float: left; height:17px; width:27px; border:1px solid #ccc;}
.top_paging .previous span{font-weight: bold; background: url(../images/icons/arrow_left.gif) no-repeat 50% 70%;}
.top_paging .next span{ font-weight: bold; background: url(../images/icons/arrow_right.gif) no-repeat 50% 70%;}
.top_paging select{ padding:0; margin-right: 10px; margin-left: 10px;}
.top_paging .previous, .top_paging .next{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://d.yimg.com/a/i/ww/met/th/slate/gsprite_pg_slate_062209.gif) repeat-x scroll 0 0; border:1px solid #DBE1E6;}
.top_paging_status_text{line-height:16px;}


/* UTILITY
------------------------------------------------------------*/
/*clearfix*/
.clearfix:after {content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}  
.clearfix {display: inline-block;}  
html[xmlns] .clearfix {display: block;}  
* html .clearfix {height: 1%;}

/*layout*/
.clr {clear: both; height: 1px; overflow: hidden; visibility:hidden; display: block;}
.right{float:right}
.left{float:left}
.fl_none{float:none;}
.cl{clear: both;}
.hr{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}

/*text*/
.red{color:Red}
.white{ color:#fff}
.green{color:#80A71F}
.small{font-size:11px;}
.alpha{filter:alpha(opacity=35); -moz-opacity:0.35; opacity: 0.35;}
.alpha9{filter:alpha(opacity=90); -moz-opacity:0.90; opacity: 0.90;}
.italic{font-style:italic;}
.light_grety{color:#F2F1E8 }
input.grayout{background-color: #eee; background-image:none; border:none;}

/*grid*/
.margin {margin:10px;}
.padding_20{margin:20px;}
.padding_left{padding-left:10px;}
.padding_right{padding-right:10px;}
.margin_top {margin-top:10px;}
.margin_left{margin-left:10px;}
.margin_bottom{margin-bottom:10px;}
.margin_bottom_5{margin-bottom:5px;}
.margin_right{ margin-right:10px;}
.margin_right2{ margin-right:20px;}
.padding{ padding:10px;}
.padding_top{padding-top:10px;}
.background_none{background:none;}
.width_half{width:50%;}
.width_full{width:100%;}

/*other*/
.hide{display:none;}

/*list*/
ul.list{padding-left:15px;}
ul.list li{list-style-type:disc;}

/*icons*/
.icon_add, .icon_edit, .icon_user, .icon_error
{padding:0px 0px 0px 20px;}
.icon_edit{background: url(../images/icons/icon_edit.gif) no-repeat 0px 50%;}
.icon_add{background: url(../images/icons/icon_add.gif) no-repeat 0px 50%;}
.icon_user{background: url(../images/icons/icon_user.png) no-repeat 4px 50%;}
.icon_blog{background: url(../images/icons/icon_blog.png) no-repeat 0px 50%;}
.icon_status{background: url(../images/icons/icon_done.png) no-repeat 4px 50%;}
.icon_error{background: url(../images/icons/error_add.png) no-repeat 4px 50%;}
.icon_idea{background: url(../images/icons/idea.png) no-repeat 4px 50%;}
.icon_help{background: url(../images/icons/help_contents.gif) no-repeat 4px 50%;}