/* WRITE YOUR CSS CODE HERE */

.blk {padding:10px; padding-left:3px;padding-right:3px;}


.blk.red {background:url("../design/ul.gif") 10px 50% no-repeat;}



/* =============================================================================
BLOCKS
============================================================================= */

.blk.yellow {border:2px solid #F2DD8C; background-color:#FFF5CC;}


.blk.dark {border:2px solid #F2DD8C; background-color:#0026b2;}
.blk.dark a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#FFF;}

.blk.blue {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.blk.green {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.blk.red {border:2px solid #FFAEAE; background-color:#FEEBEB;}
.blk.colpsic {border:2px solid #0026b2; background-color:#FFF; font-size: 0.7em;}

.msg.colpsic {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.question {border:2px solid #F2DD8C; background-color:#FFF5CC;}

/* =============================================================================
/* =============================================================================
OTHERS
============================================================================= */

#rightside #btn-new {margin:0 0 15px 0;}
#rightside #btn-new a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#rightside #btn-new a span {float:left; display:block; width:150px; padding:8px 0 10px 10px; background:url("../design/btn-edit-right.gif") -2px 0 no-repeat;}
#rightside #btn-new a:hover {background-position:0 -37px;}


#rightside #btn-edit {margin:0 0 15px 0;}
#rightside #btn-edit a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-edit-left-y.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#rightside #btn-edit a span {float:left; display:block; width:150px; padding:8px 0 10px 10px; background:url("../design/btn-edit-right.gif") -2px 0 no-repeat;}
#rightside #btn-edit a:hover {background-position:0 -37px;}


#rightside #btn-cancel {margin:0 0 15px 0;}
#rightside #btn-cancel a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-cancel-left-r.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#rightside #btn-cancel a span {float:left; display:block; width:150px; padding:8px 0 10px 10px; background:url("../design/btn-edit-right.gif") -2px 0 no-repeat;}
#rightside #btn-cancel a:hover {background-position:0 -37px;}




#rightside .padding {padding-left:15px;}
#rightside #logo {margin:0 0 15px 0;}
#rightside #logo img {display:block; width:200px;}
#rightside #search fieldset {padding:7px 10px;}
#rightside #search fieldset p {margin:0;}
#rightside #search fieldset legend {font-weight:bold;}
#rightside #search fieldset .input-text {width:130px;}
#rightside #search fieldset #search-options {margin-top:10px;}
#rightside #btn-create {margin:0 0 15px 0;}
#rightside #btn-create a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../design/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#rightside #btn-create a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("../design/btn-create-right.gif") -2px 0 no-repeat;}
#rightside #btn-create a:hover {background-position:0 -37px;}
#rightside ul {width:180px; margin:0 0 15px 0; list-style:none;}
#rightside ul li {display:inline;}
#rightside ul li a {display:block; width:165px; padding:4px 15px; text-decoration:none;}
#rightside ul li#submenu-active a {width:178px; border:0; background:url("../design/submenu-r-active.gif") 100% 50% no-repeat; font-weight:bold; z-index:999;}
#rightside ul ul {margin:0; position:static;}
#rightside ul ul li a, #aside ul li#submenu-active ul li a {width:170px; padding:5px 15px 5px 30px; background:url("../design/submenu-sub.gif") 15px 7px no-repeat; font:85%/1.2 "tahoma",sans-serif; font-weight:normal;}

#rightside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#rightside ul li#submenu-active a {background-color:#0026b2; color:#fff;}
#rightside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#0026b2;}
#rightside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#rightside ul li ul li a {background-color:#e3e3e3;}
#rightside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#0026b2;}





.high-bb {color:#0026b2; font-weight:bold; }
.high-ybg {color:#df0000;background:#FFB;}