.add_form .required {border-right: 2px solid #c00000;}
.add_form {font-size: 11px; color: #555;}

.add_form .text {border: 1px solid #ccc;}
.add_form .text:hover {border: 1px solid #aaa;}
.add_form .text:focus {border: 1px solid #999;}

.add_form .select {border: 1px solid #ccc;}
.add_form .select:hover {border: 1px solid #aaa;}
.add_form .select:focus {border: 1px solid #999;}

.add_form .textarea {border: 1px solid #ccc;}
.add_form .textarea:hover {border: 1px solid #aaa;}
.add_form .textarea:focus {border: 1px solid #999;}

.add_form .submit {border: 1px solid #ccc; background-color: #e5f4ff; height: 30px; font-size: 13px; color: #555;}
.add_form .submit:hover {border: 1px solid #aaa; background-color: #bae1ff;}
.add_form .submit:focus {border: 1px solid #999; background-color: #bae1ff;}

.add_form fieldset {border: 1px solid #c5c5c5; background-color: #fafafa;}
.add_form fieldset:hover {border: 1px solid #c0c0c0; background-color: #f5f8fa;}
/*
.add_form fieldset:focus {border: 1px solid #999; background-color: #fff;}
*/

fieldset legend {margin-left: 7px;}

.search_form {font-size: 11px; color: #555;}

.search_form .text {border: 1px solid #ccc;}
.search_form .text:hover {border: 1px solid #aaa;}
.search_form .text:focus {border: 1px solid #999;}

.search_form .select {border: 1px solid #ccc;}
.search_form .select:hover {border: 1px solid #aaa;}
.search_form .select:focus {border: 1px solid #999;}

.search_form .textarea {border: 1px solid #ccc;}
.search_form .textarea:hover {border: 1px solid #aaa;}
.search_form .textarea:focus {border: 1px solid #999;}

.search_form .submit {border: 1px solid #ccc; background-color: #e5f4ff; height: 30px; font-size: 13px; color: #555;}
.search_form .submit:hover {border: 1px solid #aaa; background-color: #bae1ff;}
.search_form .submit:focus {border: 1px solid #999; background-color: #bae1ff;}

.search_form .checkbox {border: 1px solid #ccc;}

.upl_button {border: 1px solid #ccc; background-color: #e5f4ff; height: 30px; font-size: 13px; color: #555;}
.upl_button:hover {border: 1px solid #aaa; background-color: #bae1ff;}
.upl_button:focus {border: 1px solid #999; background-color: #bae1ff;}


.search_post {border-collapse: collapse; border: 1px solid #ccc; width: 480px; height: 97px; margin-bottom: 10px;}
.search_post a:hover {text-decoration: underline;}


.se_post_tit {color: #4500de; text-decoration: none;}
.se_post_tit:hover {color: #1500ae;}

.post_tit {color: #4500de; text-decoration: none; font-size: 12px;}
.post_tit:hover {color: #1500ae; text-decoration: underline;}

.post_tit_big {
color: #4500de; 
font-size: 16px; 
padding: 2px; 
padding-left: 15px;
font-weight: bold; width: 460px;
margin-bottom: 10px;
}

.stat a {text-decoration: none;}
.stat a:hover {text-decoration: underline;}

.p_nav {font-size: 15px; color: #777; margin-left: 30px; font-weight: bold;}
.p_nav a {text-decoration: none; color: blue}
.p_nav a:hover {text-decoration: underline;}


/* ----- upload ---- */
#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#log{ margin:0; padding:0; width:100%;}
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px;
font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
#log li .progress{ background:#999; width:0%; height:5px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #008dc2; background:#98cdff; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px;
background:url('/js/swfupload/cancel.png') no-repeat; cursor:pointer; }
/* -------------- */


/*------- validation -----*/
.cmxform fieldset p.error label { color: red; }
div.container_m, div.container_e,div.container_d,div.container_u,
div.container_z, div.container_l,div.container {
    background-color: #eee;
    border: 1px solid red;
    margin: 2px;
    margin-top: 10px;
    padding: 0px;
}
div.container_m ol li, div.container_e ol li, div.container_d ol li, div.container_u ol li, 
div.container_z ol li, div.container_l ol li,  div.container ol li{
list-style-type: disc;
margin-left: -20px;
}
div.container_m, div.container_e, div.container_d, div.container_u, div.container_z, 
div.container_l,div.container { display: none }
.container label.error {display: inline;}
form.cmxform { width: 30em; }
form.cmxform label.error {
display: block;
margin-left: 1em;
width: auto;
}
										
/* -------------- */



/*------------- slide --------------*/

.highslide-image {
border: 0px solid black;
}
.highslide-controls {
width: 90px !important;
}
.highslide-controls .highslide-close {
display: none;
}
.highslide-caption {
padding: .5em 0;
}
/*---------------------------*/

body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 0px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}


.users_bar_l {color: #4500de; text-decoration: none; font-size: 13px;}
.users_bar_l:hover {color: #1500ae;}

/*--------EDITOR-------------*/
#outputSample
{
table-layout: fixed;
width: 100%;
}
pre
{
margin: 0;
padding: 0;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla*/
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
#outputSample thead th
{
color: #dddddd;
background-color: #999999;
padding: 4px;
white-space: nowrap;
}
#outputSample tbody th
{
vertical-align: top;
text-align: left;
}
/*---------------------------*/