body { background:url(../images/bg.gif) repeat; margin:70px 0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height:18px; color:#636363; }

/* reset */
ul, ol, li em, td, img { margin:0; padding:0; list-style:none; border:0; }

h1, h2, h3, h4, h5, h6 { margin:8px 0; padding:0; }
h1 { font-size:24px; text-transform:uppercase; }
h2 { font-size:22px; text-transform:uppercase; }
h3 { font-size:20px; text-transform:uppercase; }
h4 { font-size:18px; text-transform:uppercase; }
h5 { font-size:16px; text-transform:uppercase; }
h6 { font-size:14px; text-transform:uppercase; }

a, a:visited { text-decoration:none; color:#424242; }
a:hover { color:#969696; }

.clear { height:1%; clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.margin_10_0 { margin:10px 0; }
.margin_0_20 { margin:0 20px; }
.nodisplay { display:none; }
/*  login panel  */
#login { position:relative; margin:auto; width:500px; }
#login p { margin:15px 0; }

/* boxes */
a.box { display: block; padding: 12px 12px 12px 52px; color: #333; text-decoration: none; margin: 20px 0; }	
a.box:hover { color: #000; text-decoration:none; }
.close { width: 9px; height: 9px; float: right; background: url("../images/close_box.png") no-repeat left top; margin: 6px 0; }
.close:hover { background: url("../images/close_box.png") no-repeat left bottom; }
.succes { border: 1px solid #b3dc7c; background: url("../images/success.png") no-repeat 10px 50% #e8ffca; }
.error { border: 1px solid #ebb1b1; background: url("../images/error.png") no-repeat 10px 50% #ffd6d6; }
.warning { border: 1px solid #efdc75; background: url("../images/warning.png") no-repeat 10px 50% #fff7cb; }
.info { border: 1px solid #afdbee; background: url("../images/info.png") no-repeat 10px 50% #e4f5fd; }

/* corners */
.corners { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
.corners_bottom { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.corners_top { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.corners_left { -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.corners_right { -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

/* panel */
.panel { background-color:#FFF; width:100%; margin:10px 0; padding:2px; overflow:hidden; }
.title { height:18px; width:100%; padding:9px 0; }
.title h6 { padding-left:16px; margin:0; }
.img_list li { float:left; padding:4px; margin:4px; height:96px; width:96px; position:relative; overflow:hidden; }

/* sortable table */
.column {  width:100%; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.title .ui-icon { float: right; }
.content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/* inputs */
.small_input { height:24px; width:25%; padding:4px 2px 4px 5px; margin:5px; }
.medium_input { height:24px; width:50%; padding:4px 2px 4px 5px; margin:5px; }
.large_input { height:24px; width:80%; padding:4px 2px 4px 5px; margin:5px; }
.text { height:200px; width:90%; padding:4px 2px 4px 5px; margin:5px; }
label { padding:4px 2px 4px 4px; margin:5px; font-size:13px; }

/* info messages */
.info_success { background:url(../images/success.png) no-repeat; padding-left:20px; color:#afda2d; }
.info_error { background:url(../images/wrong.gif) no-repeat; padding-left:20px; color:#df5c0c; }
.info_loading { background:url(../images/loading.gif) no-repeat; padding-left:20px; }

/* buttons */
.button { border:none; text-transform:uppercase; font-weight:bold; }
.btn_small { width:102px; height:34px; }
.btn_medium { width:152px; height:34px; }
.btn_large { width:202px; height:34px; }