@charset "utf-8";
@import "clearfix.css";

/* RESET */
html{color:#000; height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a {outline: 0;}
iframe{ border:0px; width:100%;}
.imh{ display:block !important; clear:both !important;}

/* BASIC */
body { font-family:"微軟正黑體","Tahoma",sans-serif; font-size: 12px; height: 100%; background: #ededed; }
a { color: black; text-decoration: none; }
input { outline: 0; }
strong { font-weight: bold; }
.clear { clear: both; }
.fl { float: left !important; }
.fr { float: right !important; }
.fc { display:block; margin:auto !important; }
.fno { float:none !important; }
.underline { text-decoration: underline; }
.s_1 { width: 1px; height: 27px; background: url("../images/spacer.jpg") no-repeat center top; padding: 0 10px; }
.s_2 { width: 1px; height: 27px; padding: 0 3px; }
.s_3  { width: 7px; height: 34px; float: left; }

#wrapper { min-width: 960px; min-height: 100%; height: auto; }
#ifram_wrapper { width: 100%; min-height: 100%; height: auto; }
hr { height: 1px; background: #e5e4e4; border: 0; margin: 20px 0; }
p { padding: 0 0 10px 0; line-height: 24px; }
p.hadbtn { padding: 0 0 0 0; line-height: 16px; }
.box-content .ui-resizable-handle { bottom: 17px; right: 9px;}
.hide { display: none; }
.ui-widget { font-size: 1em; }

/* BUTTONS */
.button { border-radius:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 4px 8px; text-transform: capitalize; text-decoration: none; font-weight: bold; box-shadow: 0 1px 2px #343434; box-shadow: 0 1px 2px #343434; -moz-box-shadow: 0 1px 2px #343434; -webkit-box-shadow: 0 1px 2px #343434; cursor: pointer; }
.big { font-size: 15px; padding: 6px 15px; }

.themed{ background: #0669af url("../images/back_blue.jpg") repeat-x left top; color: white !important; border: 1px solid #2a9fee; }
.themed:hover { background: #248bd0 url("../images/back_blue_hover.jpg") repeat-x left top; }
.white { background: #dfdfdf url("../images/back_white.jpg") repeat-x left top; border: 1px solid white; }
.white:hover { background: white url("../images/back_white_hover.jpg") repeat-x left top; }
.red{ background: #940101 url("../images/back_red.jpg") repeat-x left top; color: white !important; border: 1px solid #eb0000; }
.red:hover { background: #cb0000 url("../images/back_red_hover.jpg") repeat-x left top; }
.black{ background: #141213 url("../images/back_black.jpg") repeat-x left top; color: white !important; border: 1px solid black; }
.black:hover { background: #292728 url("../images/back_black_hover.jpg") repeat-x left top; }
.grey{ background: #bababa url("../images/back_grey.jpg") repeat-x left top; border: 1px solid #e3e3e3; }
.grey:hover { background: #e3e3e3 url("../images/back_grey_hover.jpg") repeat-x left top; }
.green{ background: #0669af url("../images/back_green.jpg") repeat-x left top; color: white !important; border: 1px solid #88c41a; }
.green:hover { background: #248bd0 url("../images/back_green_hover.jpg") repeat-x left top; }
.purple{ background: #0669af url("../images/back_purple.jpg") repeat-x left top; color: white !important; border: 1px solid #e748cf; }
.purple:hover { background: #248bd0 url("../images/back_purple_hover.jpg") repeat-x left top; }
.blood{ background: #0669af url("../images/back_blood.jpg") repeat-x left top; color: white !important; border: 1px solid #d40a0a; }
.blood:hover { background: #248bd0 url("../images/back_blood_hover.jpg") repeat-x left top; }
.jelly{ background: #0669af url("../images/back_jelly.jpg") repeat-x left top; color: white !important; border: 1px solid #d4640a; }
.jelly:hover { background: #248bd0 url("../images/back_jelly_hover.jpg") repeat-x left top; }




.icon_single { width: 16px; height: 16px; display: block; }
.icon_text { width: 16px; height: 16px; float:left; margin-right: 5px; }

/* CHECKBOX AND RADIO */ 
.radiocheck label { text-transform: capitalize; text-decoration: none; font-weight: bold; background: #dfdfdf url("../images/back_white.jpg") repeat-x left top; color: black; }
.radiocheck .ui-state-hover{ border: 1px solid #d3d3d3; background: white url("../images/back_white_hover.jpg") repeat-x left top; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; }
.radiocheck .ui-state-active{ box-shadow:0 2px 3px black inset; -moz-box-shadow:0 2px 3px black inset; -webkit-box-shadow:0 2px 3px black inset; background:url("../images/back_nav_hover.jpg") repeat-x scroll left center transparent; border: 1px solid black; color: white; }
.radiocheck .ui-corner-left { border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; }
.radiocheck .ui-corner-right { border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; }


label { padding:0px 10px 0px 0px; font-size: 12px; }
label input{ margin:0px 3px 0px 0px;}





/* ICONS */
.preview { background: url("../images/preview.png") no-repeat center center; }
.logout { background: url("../images/logout.png") no-repeat center center; }
.mail { background: url("../images/mail.png") no-repeat center center; }
.admin { background: url("../images/admin.png") no-repeat center center; }
.dashboard { background: url("../images/home.png") no-repeat center center; }
.content { background: url("../images/content.png") no-repeat center center; }
.design { background: url("../images/design.png") no-repeat center center; }
.pages{ background: url("../images/pages.png") no-repeat center center; }
.users { background: url("../images/users.png") no-repeat center center; }
.media { background: url("../images/media.png") no-repeat center center; }
.comment{ background: url("../images/comment.png") no-repeat center center; }
.stats { background: url("../images/stats.png") no-repeat center center; }
.settings { background: url("../images/settings.png") no-repeat center center; }
.general{ background: url("../images/general.png") no-repeat center center; }

#navbar ul .active .general{ background: url("../images/general_white.png") no-repeat center center; }
.tab { background: url("../images/tabs.png") no-repeat center center; }
#navbar ul .active .tab { background: url("../images/tabs_white.png") no-repeat center center; }
.tab { background: url("../images/tabs.png") no-repeat center center; }
.typography{ background: url("../images/typo.png") no-repeat center center; }
#navbar ul .active .typography{ background: url("../images/typo_white.png") no-repeat center center; }
.grids{ background: url("../images/grids.png") no-repeat center center; }
#navbar ul .active .grids{ background: url("../images/grids_white.png") no-repeat center center; }
.tables{ background: url("../images/tables.png") no-repeat center center; }
#navbar ul .active .tables{ background: url("../images/tables_white.png") no-repeat center center; }
.forms { background: url("../images/forms.png") no-repeat center center; }
#navbar ul .active .forms { background: url("../images/forms_white.png") no-repeat center center; }
.graphs { background: url("../images/graphs.png") no-repeat center center; }
#navbar ul .active .graphs { background: url("../images/graphs_white.png") no-repeat center center; }
.gallery { background: url("../images/gallery.png") no-repeat center center; }
#navbar ul .active .gallery { background: url("../images/gallery_white.png") no-repeat center center; }

.accept { background: url("../images/accept.png") no-repeat center center; }
.cancel { background: url("../images/cancel.png") no-repeat center center; }
.addnew{ background: url("../images/addnew.png") no-repeat center center; }
.edit{ background: url("../images/edit.png") no-repeat center center; }
.save{ background: url("../images/save.png") no-repeat center center; }
.view{ background: url("../images/view.png") no-repeat center center; }
.search { background: url("../images/search.png") no-repeat center center; }
.backlist { background: url("../images/backlist.png") no-repeat center center; }
.cog{ background: url("../images/cog.png") no-repeat center center; }
.skin{ background: url("../images/skinner.png") no-repeat center center; }
.language{ background: url("../images/language.png") no-repeat center center; }
.f_avi { background:url("../images/avi.png") repeat-x left top; }
.f_bmp { background:url("../images/bmp.png") repeat-x left top; }
.f_css { background:url("../images/css.png") repeat-x left top; }
.f_doc { background:url("../images/doc.png") repeat-x left top; }
.f_gif { background:url("../images/gif.png") repeat-x left top; }
.f_htm { background:url("../images/htm.png") repeat-x left top; }
.f_js { background:url("../images/js.png") repeat-x left top; }
.f_jpg { background:url("../images/jpg.png") repeat-x left top; }
.f_pdf { background:url("../images/pdf.png") repeat-x left top; }
.f_php { background:url("../images/php.png") repeat-x left top; }
.f_png { background:url("../images/png.png") repeat-x left top; }
.f_ppt { background:url("../images/ppt.png") repeat-x left top; }
.f_rar { background:url("../images/rar.png") repeat-x left top; }
.f_txt { background:url("../images/txt.png") repeat-x left top; }
.f_video { background:url("../images/video.png") repeat-x left top; }
.f_xls { background:url("../images/xls.png") repeat-x left top; }
.f_xml { background:url("../images/xml.png") repeat-x left top; }
.f_zip { background:url("../images/zip.png") repeat-x left top; }
.extend { background:url("../images/table_collapse.png") repeat-x left top; }

/* LOGIN */
#box-login{ width:300px; height:330px; position:absolute; left: 50%; top: 45%; margin-left: -150px; margin-top: -135px;}
#content-login { position: absolute; left: 50%; top: 45%; margin-left: -170px;}
.req { font-size: 14px; font-weight: bold; text-transform: capitalize; margin: 0 0 2px 0; color: #005898;}

/* ICONS PACK */ 
.icons_pack { float: left; background: #f2f2f2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin: 4px; padding: 5px; display: block; }
.pack {	width: 17px; height: 17px; background-image: url("../images/icons_pack.png"); display: block;}
.packcolor { width: 17px; height: 17px; background-image: url("../images/icons_pack_color.png"); display: block;}
.icons_pack:hover { background: #292829; }
.icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }
.themed .pack { background-image: url("../images/icons_pack_white.png"); }
.black .pack {	background-image: url("../images/icons_pack_white.png"); }
.green .pack { background-image: url("../images/icons_pack_white.png"); }
.red .pack { background-image: url("../images/icons_pack_white.png"); }
.purple .pack { background-image: url("../images/icons_pack_white.png"); }
.blood .pack { background-image: url("../images/icons_pack_white.png"); }
.jelly .pack { background-image: url("../images/icons_pack_white.png"); }
#navbar .pack { background-image: url("../images/icons_pack_white.png"); }

._1{background-position: 0px 0px;} ._2{background-position: -32px 0px;} ._3{background-position: -64px 0px;} ._4{background-position: -96px 0px;} ._5{background-position: -128px 0px;} ._6{background-position: -160px 0px;} ._7{background-position: -192px 0px;} ._8{background-position: -224px 0px;} ._9{background-position: -256px 0px;} ._10{background-position: -288px 0px;} ._11{background-position: -320px 0px;} ._12{background-position: -352px 0px;} ._13{background-position: -384px 0px;} ._14{background-position: -416px 0px;} ._15{background-position: -448px 0px;} ._16{background-position: -480px 0px;} ._17{background-position: -512px 0px;} ._18{background-position: -544px 0px;} ._19{background-position: -576px 0px;} ._20{background-position: -608px 0px;} ._21{background-position: -640px 0px;} ._22{background-position: -672px 0px;} ._23{background-position: -704px 0px;} ._24{background-position: -736px 0px;} ._25{background-position: -768px 0px;} ._26{background-position: 0px -32px;} ._27{background-position: -32px -32px;} ._28{background-position: -64px -32px;} ._29{background-position: -96px -32px;} ._30{background-position: -128px -32px;} ._31{background-position: -160px -32px;} ._32{background-position: -192px -32px;} ._33{background-position: -224px -32px;} ._34{background-position: -256px -32px;} ._35{background-position: -288px -32px;} ._36{background-position: -320px -32px;} ._37{background-position: -352px -32px;} ._38{background-position: -384px -32px;} ._39{background-position: -416px -32px;} ._40{background-position: -448px -32px;} ._41{background-position: -480px -32px;} ._42{background-position: -512px -32px;} ._43{background-position: -544px -32px;} ._44{background-position: -576px -32px;} ._45{background-position: -608px -32px;} ._46{background-position: -640px -32px;} ._47{background-position: -672px -32px;} ._48{background-position: -704px -32px;} ._49{background-position: -736px -32px;} ._50{background-position: -768px -32px;} ._51{background-position: 0px -64px;} ._52{background-position: -32px -64px;} ._53{background-position: -64px -64px;} ._54{background-position: -96px -64px;} ._55{background-position: -128px -64px;} ._56{background-position: -160px -64px;} ._57{background-position: -192px -64px;} ._58{background-position: -224px -64px;} ._59{background-position: -256px -64px;} ._60{background-position: -288px -64px;} ._61{background-position: -320px -64px;} ._62{background-position: -352px -64px;} ._63{background-position: -384px -64px;} ._64{background-position: -416px -64px;} ._65{background-position: -448px -64px;} ._66{background-position: -480px -64px;} ._67{background-position: -512px -64px;} ._68{background-position: -544px -64px;} ._69{background-position: -576px -64px;} ._70{background-position: -608px -64px;} ._71{background-position: -640px -64px;} ._72{background-position: -672px -64px;} ._73{background-position: -704px -64px;} ._74{background-position: -736px -64px;} ._75{background-position: -768px -64px;} ._76{background-position: 0px -96px;} ._77{background-position: -32px -96px;} ._78{background-position: -64px -96px;} ._79{background-position: -96px -96px;} ._80{background-position: -128px -96px;} ._81{background-position: -160px -96px;} ._82{background-position: -192px -96px;} ._83{background-position: -224px -96px;} ._84{background-position: -256px -96px;} ._85{background-position: -288px -96px;} ._86{background-position: -320px -96px;} ._87{background-position: -352px -96px;} ._88{background-position: -384px -96px;} ._89{background-position: -416px -96px;} ._90{background-position: -448px -96px;} ._91{background-position: -480px -96px;} ._92{background-position: -512px -96px;} ._93{background-position: -544px -96px;} ._94{background-position: -576px -96px;} ._95{background-position: -608px -96px;} ._96{background-position: -640px -96px;} ._97{background-position: -672px -96px;} ._98{background-position: -704px -96px;} ._99{background-position: -736px -96px;} ._100{background-position: -768px -96px;} ._101{background-position: 0px -128px;} ._102{background-position: -32px -128px;} ._103{background-position: -64px -128px;} ._104{background-position: -96px -128px;} ._105{background-position: -128px -128px;} ._106{background-position: -160px -128px;} ._107{background-position: -192px -128px;} ._108{background-position: -224px -128px;} ._109{background-position: -256px -128px;} ._110{background-position: -288px -128px;} ._111{background-position: -320px -128px;} ._112{background-position: -352px -128px;} ._113{background-position: -384px -128px;} ._114{background-position: -416px -128px;} ._115{background-position: -448px -128px;} ._116{background-position: -480px -128px;} ._117{background-position: -512px -128px;} ._118{background-position: -544px -128px;} ._119{background-position: -576px -128px;} ._120{background-position: -608px -128px;} ._121{background-position: -640px -128px;} ._122{background-position: -672px -128px;} ._123{background-position: -704px -128px;} ._124{background-position: -736px -128px;} ._125{background-position: -768px -128px;} ._126{background-position: 0px -160px;} ._127{background-position: -32px -160px;} ._128{background-position: -64px -160px;} ._129{background-position: -96px -160px;} ._130{background-position: -128px -160px;} ._131{background-position: -160px -160px;} ._132{background-position: -192px -160px;} ._133{background-position: -224px -160px;} ._134{background-position: -256px -160px;} ._135{background-position: -288px -160px;} ._136{background-position: -320px -160px;} ._137{background-position: -352px -160px;} ._138{background-position: -384px -160px;} ._139{background-position: -416px -160px;} ._140{background-position: -448px -160px;} ._141{background-position: -480px -160px;} ._142{background-position: -512px -160px;} ._143{background-position: -544px -160px;} ._144{background-position: -576px -160px;} ._145{background-position: -608px -160px;} ._146{background-position: -640px -160px;} ._147{background-position: -672px -160px;} ._148{background-position: -704px -160px;} ._149{background-position: -736px -160px;} ._150{background-position: -768px -160px;} ._151{background-position: 0px -192px;} ._152{background-position: -32px -192px;} ._153{background-position: -64px -192px;} ._154{background-position: -96px -192px;} ._155{background-position: -128px -192px;} ._156{background-position: -160px -192px;} ._157{background-position: -192px -192px;} ._158{background-position: -224px -192px;} ._159{background-position: -256px -192px;} ._160{background-position: -288px -192px;} ._161{background-position: -320px -192px;} ._162{background-position: -352px -192px;} ._163{background-position: -384px -192px;} ._164{background-position: -416px -192px;} ._165{background-position: -448px -192px;} ._166{background-position: -480px -192px;} ._167{background-position: -512px -192px;} ._168{background-position: -544px -192px;} ._169{background-position: -576px -192px;} ._170{background-position: -608px -192px;} ._171{background-position: -640px -192px;} ._172{background-position: -672px -192px;} ._173{background-position: -704px -192px;} ._174{background-position: -736px -192px;} ._175{background-position: -768px -192px;} ._176{background-position: 0px -224px;} ._177{background-position: -32px -224px;} ._178{background-position: -64px -224px;} ._179{background-position: -96px -224px;} ._180{background-position: -128px -224px;} ._181{background-position: -160px -224px;} ._182{background-position: -192px -224px;} ._183{background-position: -224px -224px;} ._184{background-position: -256px -224px;} ._185{background-position: -288px -224px;} ._186{background-position: -320px -224px;} ._187{background-position: -352px -224px;} ._188{background-position: -384px -224px;} ._189{background-position: -416px -224px;} ._190{background-position: -448px -224px;} ._191{background-position: -480px -224px;} ._192{background-position: -512px -224px;} ._193{background-position: -544px -224px;} ._194{background-position: -576px -224px;} ._195{background-position: -608px -224px;} ._196{background-position: -640px -224px;} ._197{background-position: -672px -224px;} ._198{background-position: -704px -224px;} ._199{background-position: -736px -224px;} ._200{background-position: -768px -224px;} ._201{background-position: 0px -256px;} ._202{background-position: -32px -256px;} ._203{background-position: -64px -256px;} ._204{background-position: -96px -256px;} ._205{background-position: -128px -256px;} ._206{background-position: -160px -256px;} ._207{background-position: -192px -256px;} ._208{background-position: -224px -256px;} ._209{background-position: -256px -256px;} ._210{background-position: -288px -256px;} ._211{background-position: -320px -256px;} ._212{background-position: -352px -256px;} ._213{background-position: -384px -256px;} ._214{background-position: -416px -256px;} ._215{background-position: -448px -256px;} ._216{background-position: -480px -256px;} ._217{background-position: -512px -256px;} ._218{background-position: -544px -256px;} ._219{background-position: -576px -256px;} ._220{background-position: -608px -256px;} ._221{background-position: -640px -256px;} ._222{background-position: -672px -256px;} ._223{background-position: -704px -256px;} ._224{background-position: -736px -256px;} ._225{background-position: -768px -256px;} ._226{background-position: 0px -288px;} ._227{background-position: -32px -288px;} ._228{background-position: -64px -288px;} ._229{background-position: -96px -288px;} ._230{background-position: -128px -288px;} ._231{background-position: -160px -288px;} ._232{background-position: -192px -288px;} ._233{background-position: -224px -288px;} ._234{background-position: -256px -288px;} ._235{background-position: -288px -288px;} ._236{background-position: -320px -288px;} ._237{background-position: -352px -288px;} ._238{background-position: -384px -288px;} ._239{background-position: -416px -288px;} ._240{background-position: -448px -288px;} ._241{background-position: -480px -288px;} ._242{background-position: -512px -288px;} ._243{background-position: -544px -288px;} ._244{background-position: -576px -288px;} ._245{background-position: -608px -288px;} ._246{background-position: -640px -288px;} ._247{background-position: -672px -288px;} ._248{background-position: -704px -288px;} ._249{background-position: -736px -288px;} ._250{background-position: -768px -288px;} ._251{background-position: 0px -320px;} ._252{background-position: -32px -320px;} ._253{background-position: -64px -320px;} ._254{background-position: -96px -320px;} ._255{background-position: -128px -320px;} ._256{background-position: -160px -320px;} ._257{background-position: -192px -320px;} ._258{background-position: -224px -320px;} ._259{background-position: -256px -320px;} ._260{background-position: -288px -320px;} ._261{background-position: -320px -320px;} ._262{background-position: -352px -320px;} ._263{background-position: -384px -320px;} ._264{background-position: -416px -320px;} ._265{background-position: -448px -320px;} ._266{background-position: -480px -320px;} ._267{background-position: -512px -320px;} ._268{background-position: -544px -320px;} ._269{background-position: -576px -320px;} ._270{background-position: -608px -320px;} ._271{background-position: -640px -320px;} ._272{background-position: -672px -320px;} ._273{background-position: -704px -320px;} ._274{background-position: -736px -320px;} ._275{background-position: -768px -320px;} ._276{background-position: 0px -352px;} ._277{background-position: -32px -352px;} ._278{background-position: -64px -352px;} ._279{background-position: -96px -352px;} ._280{background-position: -128px -352px;} ._281{background-position: -160px -352px;} ._282{background-position: -192px -352px;} ._283{background-position: -224px -352px;} ._284{background-position: -256px -352px;} ._285{background-position: -288px -352px;} ._286{background-position: -320px -352px;} ._287{background-position: -352px -352px;} ._288{background-position: -384px -352px;} ._289{background-position: -416px -352px;} ._290{background-position: -448px -352px;} ._291{background-position: -480px -352px;} ._292{background-position: -512px -352px;} ._293{background-position: -544px -352px;} ._294{background-position: -576px -352px;} ._295{background-position: -608px -352px;} ._296{background-position: -640px -352px;} ._297{background-position: -672px -352px;} ._298{background-position: -704px -352px;} ._299{background-position: -736px -352px;} ._300{background-position: -768px -352px;} ._301{background-position: 0px -384px;} ._302{background-position: -32px -384px;} ._303{background-position: -64px -384px;} ._304{background-position: -96px -384px;} ._305{background-position: -128px -384px;} ._306{background-position: -160px -384px;} ._307{background-position: -192px -384px;} ._308{background-position: -224px -384px;} ._309{background-position: -256px -384px;} ._310{background-position: -288px -384px;} ._311{background-position: -320px -384px;} ._312{background-position: -352px -384px;} ._313{background-position: -384px -384px;} ._314{background-position: -416px -384px;} ._315{background-position: -448px -384px;} ._316{background-position: -480px -384px;} ._317{background-position: -512px -384px;} ._318{background-position: -544px -384px;} ._319{background-position: -576px -384px;} ._320{background-position: -608px -384px;} ._321{background-position: -640px -384px;} ._322{background-position: -672px -384px;} ._323{background-position: -704px -384px;} ._324{background-position: -736px -384px;} ._325{background-position: -768px -384px;} ._326{background-position: 0px -416px;} ._327{background-position: -32px -416px;} ._328{background-position: -64px -416px;} ._329{background-position: -96px -416px;} ._330{background-position: -128px -416px;} ._331{background-position: -160px -416px;} ._332{background-position: -192px -416px;} ._333{background-position: -224px -416px;} ._334{background-position: -256px -416px;} ._335{background-position: -288px -416px;} ._336{background-position: -320px -416px;} ._337{background-position: -352px -416px;} ._338{background-position: -384px -416px;} ._339{background-position: -416px -416px;} ._340{background-position: -448px -416px;} ._341{background-position: -480px -416px;} ._342{background-position: -512px -416px;} ._343{background-position: -544px -416px;} ._344{background-position: -576px -416px;} ._345{background-position: -608px -416px;} ._346{background-position: -640px -416px;} ._347{background-position: -672px -416px;} ._348{background-position: -704px -416px;} ._349{background-position: -736px -416px;} ._350{background-position: -768px -416px;} ._351{background-position: 0px -448px;} ._352{background-position: -32px -448px;} ._353{background-position: -64px -448px;} ._354{background-position: -96px -448px;} ._355{background-position: -128px -448px;} ._356{background-position: -160px -448px;} ._357{background-position: -192px -448px;} ._358{background-position: -224px -448px;} ._359{background-position: -256px -448px;} ._360{background-position: -288px -448px;} ._361{background-position: -320px -448px;} ._362{background-position: -352px -448px;} ._363{background-position: -384px -448px;} ._364{background-position: -416px -448px;} ._365{background-position: -448px -448px;} ._366{background-position: -480px -448px;} ._367{background-position: -512px -448px;} ._368{background-position: -544px -448px;} ._369{background-position: -576px -448px;} ._370{background-position: -608px -448px;} ._371{background-position: -640px -448px;} ._372{background-position: -672px -448px;} ._373{background-position: -704px -448px;} ._374{background-position: -736px -448px;} ._375{background-position: -768px -448px;} ._376{background-position: 0px -480px;} ._377{background-position: -32px -480px;} ._378{background-position: -64px -480px;} ._379{background-position: -96px -480px;} ._380{background-position: -128px -480px;} ._381{background-position: -160px -480px;} ._382{background-position: -192px -480px;} ._383{background-position: -224px -480px;} ._384{background-position: -256px -480px;} ._385{background-position: -288px -480px;} ._386{background-position: -320px -480px;} ._387{background-position: -352px -480px;} ._388{background-position: -384px -480px;} ._389{background-position: -416px -480px;} ._390{background-position: -448px -480px;} ._391{background-position: -480px -480px;} ._392{background-position: -512px -480px;} ._393{background-position: -544px -480px;} ._394{background-position: -576px -480px;} ._395{background-position: -608px -480px;} ._396{background-position: -640px -480px;} ._397{background-position: -672px -480px;} ._398{background-position: -704px -480px;} ._399{background-position: -736px -480px;} ._400{background-position: -768px -480px;} ._401{background-position: 0px -512px;} ._402{background-position: -32px -512px;} ._403{background-position: -64px -512px;} ._404{background-position: -96px -512px;} ._405{background-position: -128px -512px;} ._406{background-position: -160px -512px;} ._407{background-position: -192px -512px;} ._408{background-position: -224px -512px;} ._409{background-position: -256px -512px;} ._410{background-position: -288px -512px;} ._411{background-position: -320px -512px;} ._412{background-position: -352px -512px;} ._413{background-position: -384px -512px;} ._414{background-position: -416px -512px;} ._415{background-position: -448px -512px;} ._416{background-position: -480px -512px;} ._417{background-position: -512px -512px;} ._418{background-position: -544px -512px;} ._419{background-position: -576px -512px;} ._420{background-position: -608px -512px;} ._421{background-position: -640px -512px;} ._422{background-position: -672px -512px;} ._423{background-position: -704px -512px;} ._424{background-position: -736px -512px;} ._425{background-position: -768px -512px;} ._426{background-position: 0px -544px;} ._427{background-position: -32px -544px;} ._428{background-position: -64px -544px;} ._429{background-position: -96px -544px;} ._430{background-position: -128px -544px;} ._431{background-position: -160px -544px;} ._432{background-position: -192px -544px;} ._433{background-position: -224px -544px;} ._434{background-position: -256px -544px;} ._435{background-position: -288px -544px;} ._436{background-position: -320px -544px;} ._437{background-position: -352px -544px;} ._438{background-position: -384px -544px;} ._439{background-position: -416px -544px;} ._440{background-position: -448px -544px;} ._441{background-position: -480px -544px;} ._442{background-position: -512px -544px;} ._443{background-position: -544px -544px;} ._444{background-position: -576px -544px;} ._445{background-position: -608px -544px;} ._446{background-position: -640px -544px;} ._447{background-position: -672px -544px;} ._448{background-position: -704px -544px;} ._449{background-position: -736px -544px;} ._450{background-position: -768px -544px;} ._451{background-position: 0px -576px;} ._452{background-position: -32px -576px;} ._453{background-position: -64px -576px;} ._454{background-position: -96px -576px;} ._455{background-position: -128px -576px;} ._456{background-position: -160px -576px;} ._457{background-position: -192px -576px;} ._458{background-position: -224px -576px;} ._459{background-position: -256px -576px;} ._460{background-position: -288px -576px;} ._461{background-position: -320px -576px;} ._462{background-position: -352px -576px;} ._463{background-position: -384px -576px;} ._464{background-position: -416px -576px;} ._465{background-position: -448px -576px;} ._466{background-position: -480px -576px;} ._467{background-position: -512px -576px;} ._468{background-position: -544px -576px;} ._469{background-position: -576px -576px;} ._470{background-position: -608px -576px;} ._471{background-position: -640px -576px;} ._472{background-position: -672px -576px;} ._473{background-position: -704px -576px;} ._474{background-position: -736px -576px;} ._475{background-position: -768px -576px;} ._476{background-position: 0px -608px;} ._477{background-position: -32px -608px;} ._478{background-position: -64px -608px;} ._479{background-position: -96px -608px;} ._480{background-position: -128px -608px;} ._481{background-position: -160px -608px;} ._482{background-position: -192px -608px;} ._483{background-position: -224px -608px;} ._484{background-position: -256px -608px;} ._485{background-position: -288px -608px;} ._486{background-position: -320px -608px;} ._487{background-position: -352px -608px;} ._488{background-position: -384px -608px;} ._489{background-position: -416px -608px;} ._490{background-position: -448px -608px;} ._491{background-position: -480px -608px;} ._492{background-position: -512px -608px;} ._493{background-position: -544px -608px;} ._494{background-position: -576px -608px;} ._495{background-position: -608px -608px;} ._496{background-position: -640px -608px;} ._497{background-position: -672px -608px;} ._498{background-position: -704px -608px;} ._499{background-position: -736px -608px;} ._500{background-position: -768px -608px;} ._501{background-position: 0px -640px;} ._502{background-position: -32px -640px;} ._503{background-position: -64px -640px;} ._504{background-position: -96px -640px;} ._505{background-position: -128px -640px;} ._506{background-position: -160px -640px;} ._507{background-position: -192px -640px;} ._508{background-position: -224px -640px;} ._509{background-position: -256px -640px;} ._510{background-position: -288px -640px;} ._511{background-position: -320px -640px;} ._512{background-position: -352px -640px;} ._513{background-position: -384px -640px;} ._514{background-position: -416px -640px;} ._515{background-position: -448px -640px;} ._516{background-position: -480px -640px;} ._517{background-position: -512px -640px;} ._518{background-position: -544px -640px;} ._519{background-position: -576px -640px;} ._520{background-position: -608px -640px;} ._521{background-position: -640px -640px;} ._522{background-position: -672px -640px;} ._523{background-position: -704px -640px;} ._524{background-position: -736px -640px;} ._525{background-position: -768px -640px;} ._526{background-position: 0px -672px;} ._527{background-position: -32px -672px;} ._528{background-position: -64px -672px;} ._529{background-position: -96px -672px;} ._530{background-position: -128px -672px;} ._531{background-position: -160px -672px;} ._532{background-position: -192px -672px;} ._533{background-position: -224px -672px;} ._534{background-position: -256px -672px;} ._535{background-position: -288px -672px;} ._536{background-position: -320px -672px;} ._537{background-position: -352px -672px;} ._538{background-position: -384px -672px;} ._539{background-position: -416px -672px;} ._540{background-position: -448px -672px;} ._541{background-position: -480px -672px;} ._542{background-position: -512px -672px;} ._543{background-position: -544px -672px;} ._544{background-position: -576px -672px;} ._545{background-position: -608px -672px;} ._546{background-position: -640px -672px;} ._547{background-position: -672px -672px;} ._548{background-position: -704px -672px;} ._549{background-position: -736px -672px;} ._550{background-position: -768px -672px;} ._551{background-position: 0px -704px;} ._552{background-position: -32px -704px;} ._553{background-position: -64px -704px;} ._554{background-position: -96px -704px;} ._555{background-position: -128px -704px;} ._556{background-position: -160px -704px;} ._557{background-position: -192px -704px;} ._558{background-position: -224px -704px;} ._559{background-position: -256px -704px;} ._560{background-position: -288px -704px;} ._561{background-position: -320px -704px;} ._562{background-position: -352px -704px;} ._563{background-position: -384px -704px;} ._564{background-position: -416px -704px;} ._565{background-position: -448px -704px;} ._566{background-position: -480px -704px;} ._567{background-position: -512px -704px;} ._568{background-position: -544px -704px;} ._569{background-position: -576px -704px;} ._570{background-position: -608px -704px;} ._571{background-position: -640px -704px;} ._572{background-position: -672px -704px;} ._573{background-position: -704px -704px;} ._574{background-position: -736px -704px;} ._575{background-position: -768px -704px;} ._576{background-position: 0px -736px;} ._577{background-position: -32px -736px;} ._578{background-position: -64px -736px;} ._579{background-position: -96px -736px;} ._580{background-position: -128px -736px;} ._581{background-position: -160px -736px;} ._582{background-position: -192px -736px;} ._583{background-position: -224px -736px;} ._584{background-position: -256px -736px;} ._585{background-position: -288px -736px;} ._586{background-position: -320px -736px;} ._587{background-position: -352px -736px;} ._588{background-position: -384px -736px;} ._589{background-position: -416px -736px;} ._590{background-position: -448px -736px;} ._591{background-position: -480px -736px;} ._592{background-position: -512px -736px;} ._593{background-position: -544px -736px;} ._594{background-position: -576px -736px;} ._595{background-position: -608px -736px;} ._596{background-position: -640px -736px;} ._597{background-position: -672px -736px;} ._598{background-position: -704px -736px;} ._599{background-position: -736px -736px;} ._600{background-position: -768px -736px;} ._601{background-position: 0px -768px;} ._602{background-position: -32px -768px;} ._603{background-position: -64px -768px;} ._604{background-position: -96px -768px;} ._605{background-position: -128px -768px;} ._606{background-position: -160px -768px;} ._607{background-position: -192px -768px;} ._608{background-position: -224px -768px;} ._609{background-position: -256px -768px;} ._610{background-position: -288px -768px;} ._611{background-position: -320px -768px;} ._612{background-position: -352px -768px;} ._613{background-position: -384px -768px;} ._614{background-position: -416px -768px;} ._615{background-position: -448px -768px;} ._616{background-position: -480px -768px;} ._617{background-position: -512px -768px;} ._618{background-position: -544px -768px;} ._619{background-position: -576px -768px;} ._620{background-position: -608px -768px;} ._621{background-position: -640px -768px;} ._622{background-position: -672px -768px;} ._623{background-position: -704px -768px;} ._624{background-position: -736px -768px;} ._625{background-position: -768px -768px;} 



/* TOPBAR */
#topbar { height: 26px; background: url("../images/back_topbar.jpg") repeat-x left top; padding: 6px 20px; }
#topbar li { float: left; }
.logo { font-size: 15px; padding-left:30px; line-height: 25px; background: url("../images/logo_mini.png") no-repeat left top; }
.breadcrumb { line-height: 26px; }
#logged { line-height: 26px; padding-right: 10px; }

/* NAVIGATION */
#navbar{ height: 48px; background-repeat:repeat-x; background-position:left top; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0 0 0 20px; }
#navbar{ background-image:url("../images/back_navbar.jpg"); border-bottom-color:#a2daff; }
/*
blue
#navbar{ background-image:url("../images/back_navbar.jpg"); border-bottom-color:#a2daff; }
green
#navbar{ background-image:url("../images/back_navbar_green.jpg"); border-bottom-color:#a8fc11; }
purple
#navbar{ background-image:url("../images/back_navbar_purple.jpg"); border-bottom-color:#ffacf2; }
blood
#navbar{ background-image:url("../images/back_navbar_blood.jpg"); border-bottom-color:#fc8a8a; }
jelly
#navbar{ background-image:url("../images/back_navbar_jelly.jpg"); border-bottom-color:#ff7d00; }
*/
#navbar a { display: block; padding: 0 10px; color: white; }
#navbar li { float: left; margin: 8px 3px 0; text-transform: capitalize; font-size: 13px; color: white; line-height: 33px; text-shadow: 0 1px 0 #001727; }
#navbar li span { margin-top:8px;  }
#navbar li:hover { background: url("../images/back_nav_hover.jpg") repeat-x left center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 2px 3px black; -moz-box-shadow:inset 0 2px 3px black; }
#navbar li.active { background: url("../images/back_navbar_active.jpg") repeat-x; line-height: 49px; margin: 0; box-shadow:inset 0 3px 4px black; -moz-box-shadow:inset 0 3px 4px black; text-shadow: 0 1px 0 black; }
#navbar li.active span { margin-top:17px; }
#navbar li.active:hover { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* SUBNAVIGATION */
#subnavbar { 
	/*background: url("../images/back_subnavbar.png") repeat;*/ 
	padding: 10px 0px 8px 20px; 
	background: -moz-linear-gradient(top,  rgba(41,41,41,1) 0%, rgba(40,40,40,1) 75%, rgba(30,30,30,1) 80%, rgba(14,14,14,1) 85%, rgba(255,255,255,0) 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,41,41,1)), color-stop(75%,rgba(40,40,40,1)), color-stop(80%,rgba(30,30,30,1)), color-stop(85%,rgba(14,14,14,1)), color-stop(86%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(40,40,40,1) 75%,rgba(30,30,30,1) 80%,rgba(14,14,14,1) 85%,rgba(255,255,255,0) 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(40,40,40,1) 75%,rgba(30,30,30,1) 80%,rgba(14,14,14,1) 85%,rgba(255,255,255,0) 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(40,40,40,1) 75%,rgba(30,30,30,1) 80%,rgba(14,14,14,1) 85%,rgba(255,255,255,0) 86%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(41,41,41,1) 0%,rgba(40,40,40,1) 75%,rgba(30,30,30,1) 80%,rgba(14,14,14,1) 85%,rgba(255,255,255,0) 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#99292929',GradientType=0 ); /* IE6-9 */
}
#subnavbar ul { float: left;  }
#subnavbar ul li { float: left; margin:0px; margin-bottom:10px !important; text-transform: capitalize; font-size: 13px; color: white; line-height: 23px !important; text-shadow: 0 1px 0 white; margin: 0 10px 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#subnavbar ul li a { display: block; color: black; padding: 0 10px; }
#subnavbar ul li a span { padding: 8px 0 0 0 !important;}
#subnavbar ul .active { margin-right: 10px !important; }
#subnavbar ul .subbutton{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:0 1px 1px black; -moz-box-shadow:0 1px 1px black; -webkit-box-shadow:0 1px 1px black; }
#subnavbar ul .active .subbutton{ background-repeat:repeat-x; background-position:left top; border: 1px solid #000; box-shadow: inset 0 1px 2px black; -moz-box-shadow: inset 0 1px 2px black; -webkit-box-shadow: inset 0 1px 2px black; }
#subnavbar ul .active .subbutton:hover{ background-repeat:repeat-x; background-position:left top; border: 1px solid #000; box-shadow: inset 0 1px 2px black; -moz-box-shadow: inset 0 1px 2px black; -webkit-box-shadow: inset 0 1px 2px black; }
#subnavbar ul .subbutton:hover{ background: url("../images/subbutton_hover.jpg") repeat-x left top; box-shadow: inset 0 1px 2px #707070; -moz-box-shadow: inset 0 1px 2px #707070; -webkit-box-shadow: inset 0 1px 2px #707070; }
#subnavbar ul { display:none; }
#subnavbar li .pack{ margin-top:3px; height:10px;}
#subnavbar ul .active .subbutton{ background-image:url("../images/subbutton_active.jpg"); border-color:#2a9fee; }
#subnavbar ul .active .subbutton:hover{ background-image:url("../images/subbutton_active.jpg"); border-color:#2a9fee; }
#subnavbar ul .active a{ color: #fff; text-shadow: 0 1px 0 #0669af; }
/* blue
#subnavbar ul .active .subbutton{ background-image:url("../images/subbutton_active.jpg"); border-color:#2a9fee; }
#subnavbar ul .active .subbutton:hover{ background-image:url("../images/subbutton_active.jpg"); border-color:#2a9fee; }
#subnavbar ul .active a{ color: #fff; text-shadow: 0 1px 0 #0669af; }
green
#subnavbar ul .active .subbutton{ background-image:url("../images/subbutton_active_green.jpg"); border-color:#8dc724; }
#subnavbar ul .active .subbutton:hover{ background-image:url("../images/subbutton_active_green.jpg"); border-color:#8dc724; }
#subnavbar ul .active a{ color: #fff; text-shadow: 0 1px 0 #2e5306; }
purple
#subnavbar ul .active .subbutton{ background-image:url("../images/subbutton_active_purple.jpg"); border-color:#d839c0; }
#subnavbar ul .active .subbutton:hover{ background-image:url("../images/subbutton_active_purple.jpg"); border-color:#d839c0; }
#subnavbar ul .active a{ color: #fff; text-shadow: 0 1px 0 #2e5306; }
blood
#subnavbar ul .active .subbutton{ background-image:url("../images/subbutton_active_blood.jpg"); border-color:#d91111; }
#subnavbar ul .active .subbutton:hover{ background-image:url("../images/subbutton_active_blood.jpg"); border-color:#d91111; }
#subnavbar ul .active a{ color: #fff; text-shadow: 0 1px 0 #2e5306; }
jelly
#subnavbar ul .active .subbutton{ background-image:url("../images/subbutton_active_jelly.jpg"); border-color:#961e0f; }
#subnavbar ul .active .subbutton:hover{ background-image:url("../images/subbutton_active_jelly.jpg"); border-color:#961e0f; }
#subnavbar ul .active a{ color: #fff; text-shadow: 0 1px 0 #ff9900; }
*/

/* CONTENT */
#content { padding: 0 20px 110px; margin: 20px 0 0 0; }
.box-content .button { margin: 0 10px 10px 0; display: inline-block; }
.box-content .tag { margin: 0 10px 10px 0; display: inline-block; }
.box-content .bullet { margin: 0 10px 0 0; }

/* --------------
COLUMN
* -------------*/
.column.full {
	width: 100%;
}
.column.half {
	width: 49%;
}
.ui-sortable-placeholder {
	visibility: visible !important; 
	height: 70px !important;
	background: #87c7f2 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
 }
 .ui-sortable-placeholder * {
 visibility: hidden !important;
 }
 
.box .ui-sortable-placeholder {
	height: 30px !important;
	border-radius: 0px !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	
	-moz-border-radius: 0px !important;
	-moz-border-radius-topleft: 5px !important;
	-moz-border-radius-topright: 5px !important;
	
	-webkit-border-radius: 0px !important;
	-webkit-border-top-left-radius: 5px !important;
	-webkit-border-top-right-radius: 5px !important;
	background: #ededed !important;
}
 .box .ui-sortable-placeholder * {
 visibility: hidden !important;
 }
 
/* FOOTER */
#footer { background: url("../images/footer.jpg") repeat-x left top; padding: 10px 20px; height: 27px; border-top: 2px solid black; margin-top: -49px !important; }
.copy { color: white; line-height: 27px;}
.copy a:link{ color:#FFF; text-decoration:none;}
.copy a:visited{ color:#FFF; text-decoration:none;}
.copy a:hover{ color:#FFF; text-decoration:underline;}
.copy strong a:link{ color:#f90; text-decoration:none;}
.copy strong a:visited{ color:#f90; text-decoration:none;}
.copy strong a:hover{ color:#f90; text-decoration:underline;}
.mytmp{ color:#FFF; cursor:default;}
a.mytmp:link{ color:#FFF; text-decoration:none;}
a.mytmp:visited{ color:#FFF; text-decoration:none;}
a.mytmp:hover{ color:#FFF; text-decoration:none;}

/* --------------
SEARCH / SKIN / LANGUAGE
* -------------*/
#search_form {
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 20px;
	top: 87px;
}
#search_input {
	padding: 5px;
	height: 17px;
	width: 220px;
	line-height: 15px;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-bottom: 5px;
	margin: 7px 0 0 0;
	background: url("../images/search_input.png") no-repeat right center white;
}
.flag {
	width: 16px;
	height: 11px;
	margin: 3px 0 0 8px;
}
.it {
	background: url("../images/it.png") no-repeat left top transparent;
}
.es {
	background: url("../images/es.png") no-repeat left top transparent;
}
.en {
	background: url("../images/gb.png") no-repeat left top transparent;
}
.de{
	background: url("../images/de.png") no-repeat left top transparent;
}
.skinner {
	margin: 2px 10px 0 0;
}
.skin { width: 20px;  height: 20px; margin: 0 5px 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.skin_blue { background: url("../images/back_blue.jpg") repeat-x left top; border: 1px solid #2a9fee; }
.skin_green { background: url("../images/back_green.jpg") repeat-x left top; border: 1px solid #88c41a; }
.skin_red { background: url("../images/back_red_2.jpg") repeat-x left top; border: 1px solid #f62323; }
.skin_purple { background: url("../images/back_purple.jpg") repeat-x left top; border: 1px solid #d839c0; }
.skin_jelly { background: url("../images/back_purple.jpg") repeat-x left top; border: 1px solid #d4640a; }
.language_button { font-size: 0; *padding: 3px 6px 0 6px; }

/* BOX */
.box { margin: 0 0 20px 0; position: relative; }
.box-header-new { background: url("../images/header-new.png") no-repeat left top; width: 76px; height: 37px; position: absolute; z-index: 4; right: 40px; }	
.box-header.closed { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.searchbox .box-header { cursor: n-resize; }
.hideandshow { width: 27px; height: 35px; border-left: 1px solid #e5e4e4; float: right; cursor: n-resize; }
.opennow{ background: url("../images/open.png") no-repeat center center; }
.closenow{ background: url("../images/close.png") no-repeat center center; }
.box-header-btn { height: 30px; position: absolute; z-index: 4; right: 0px; top:5px;  }	
.box-header-btn li{ float:right; margin-right:10px; }

.box-header { background: #ececec url("../images/back_h2_box_white.jpg") repeat-x left top; height: 35px; border: 1px solid #d8d8d8; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; line-height: 35px; padding: 0 0 0 10px; margin:0; text-transform: capitalize; font-weight: bold; text-shadow: 0 1px 0 white; font-size: 14px; box-shadow: 0 0 2px #dddddd; -moz-box-shadow: 0 0 2px #dddddd; -webkit-box-shadow: 0 0 2px #dddddd; color: #0669af; }
.box-header .limit { display:inline; }
.box-header .limit select{ background-color:transparent; border:0px; color:#0669af;}
.box-header .icons_pack{ background-color:transparent;}
.box-header .icons_pack:hover{ background-color:transparent;}
.box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack.png"); }

.white_box .box-header { background: #ececec url("../images/back_h2_box_white.jpg") repeat-x left top; height: 35px; border: 1px solid #d8d8d8; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; line-height: 35px; padding: 0 0 0 10px; margin:0; text-transform: capitalize; font-weight: bold; text-shadow: 0 1px 0 white; font-size: 14px; box-shadow: 0 0 2px #dddddd; -moz-box-shadow: 0 0 2px #dddddd; -webkit-box-shadow: 0 0 2px #dddddd; color: #0669af; }
.white_box .box-header .limit { display:inline; }
.white_box .box-header .limit select{ background-color:transparent; border:0px; color:#0669af;}
.white_box .box-header .icons_pack{ background-color:transparent;}
.white_box .box-header .icons_pack:hover{ background-color:transparent;}
.white_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack.png"); }

.themed_box .box-header { background: #ececec url("../images/back_h2_box_blue.jpg") repeat-x left top; color:#fff; border: 1px solid #0669af; text-shadow: 0 1px 0 #014b80; }
.themed_box .hideandshow { border-left: 1px solid #0669af; }
.themed_box .opennow { background: url("../images/open_blue.png") no-repeat center center; }
.themed_box .closenow { background: url("../images/close_blue.png") no-repeat center center; }
.themed_box .box-header .limit select{ color:#fff; color:#000 \9;}
.themed_box .box-header .limit option{ color:#0669af; color:#000 \9;}
.themed_box .box-header .icons_pack .pack { background-image: url("../images/icons_pack_white.png"); }
.themed_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }

.black_box .box-header { background: #ececec url("../images/back_h2_box_black.jpg") repeat-x left top; color: white; border: 1px solid #292929; text-shadow: 0 1px 0 black; }
.black_box .hideandshow { border-left: 1px solid #292929; }
.black_box .opennow { background: url("../images/open_black.png") no-repeat center center; }
.black_box .closenow { background: url("../images/close_black.png") no-repeat center center; }
.black_box .box-header .limit select{ color:#fff; color:#000 \9;}
.black_box .box-header .limit option{ color:#000; color:#000 \9;}
.black_box .box-header .icons_pack .pack { background-image: url("../images/icons_pack_white.png"); }
.black_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }

.green_box .box-header { background: #ececec url("../images/back_h2_box_green.jpg") repeat-x left top; color: white; border: 1px solid #61922b; text-shadow: 0 1px 0 #274505; }
.green_box .hideandshow { border-left: 1px solid #61922b; }
.green_box .opennow { background: url("../images/open_green.png") no-repeat center center; }
.green_box .closenow { background: url("../images/close_green.png") no-repeat center center; }
.green_box .box-header .limit select{ color:#fff; color:#000 \9;}
.green_box .box-header .limit option{ color:#0669af; color:#000 \9;}
.green_box .box-header .icons_pack .pack { background-image: url("../images/icons_pack_white.png"); }
.green_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }

.purple_box .box-header { background: #ececec url("../images/back_h2_box_purple.jpg") repeat-x left top; color: white; border: 1px solid #8e0f63; text-shadow: 0 1px 0 #45042f; }
.purple_box .hideandshow { border-left: 1px solid #8e0f63; }
.purple_box .opennow { background: url("../images/open_purple.png") no-repeat center center; }
.purple_box .closenow { background: url("../images/close_purple.png") no-repeat center center; }
.purple_box .box-header .limit select{ color:#fff; color:#000 \9;}
.purple_box .box-header .limit option{ color:#0669af; color:#000 \9;}
.purple_box .box-header .icons_pack .pack { background-image: url("../images/icons_pack_white.png"); }
.purple_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }

.blood_box .box-header { background: #ececec url("../images/back_h2_box_blood.jpg") repeat-x left top; color: white; border: 1px solid #8e0f0f; text-shadow: 0 1px 0 #360000; }
.blood_box .hideandshow { border-left: 1px solid #8e0f0f; }
.blood_box .opennow { background: url("../images/open_blood.png") no-repeat center center; }
.blood_box .closenow { background: url("../images/close_blood.png") no-repeat center center; }
.blood_box .box-header .limit select{ color:#fff; color:#000 \9;}
.blood_box .box-header .limit option{ color:#0669af; color:#000 \9;}
.blood_box .box-header .icons_pack .pack { background-image: url("../images/icons_pack_white.png"); }
.blood_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }

.jelly_box .box-header { background: #ececec url("../images/back_h2_box_jelly.jpg") repeat-x left top; color:#fff; border: 1px solid #994B19; text-shadow: 0 1px 0 #994B19; }
.jelly_box .hideandshow { border-left: 1px solid #994B19; }
.jelly_box .opennow { background: url("../images/open_jelly.png") no-repeat center center; }
.jelly_box .closenow { background: url("../images/close_jelly.png") no-repeat center center; }
.jelly_box .box-header .limit select{ color:#fff; color:#000 \9;}
.jelly_box .box-header .limit option{ color:#0669af; color:#000 \9;}
.jelly_box .box-header .icons_pack .pack { background-image: url("../images/icons_pack_white.png"); }
.jelly_box .box-header .icons_pack:hover .pack { background-image: url("../images/icons_pack_white.png"); }



.box-content { border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #d8d8d8; border-top: 0; background: white; padding:  10px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; }
.box-col-250 { width: 250px; margin: 0 0 20px 0; }
.icon_table { width: 20px; height: 20px; display: block; margin: 0 auto; }
	
 /* MESSAGES */
.message { display: block; padding: 15px 15px 15px 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; cursor: pointer; }
.warning { background: #fff5cc url("../images/warning.png") no-repeat 7px center; border: 3px solid #f2dd8c; color: #7b7100; }
.information { background: #e8f6ff url("../images/information.png") no-repeat 7px center; border: 3px solid #b8e2fb; color: #005898; }
.success{ background: #eaf7d9 url("../images/success.png") no-repeat 7px center; border: 3px solid #bbdf8d; color: #336801; }
.error { background: #ffd1d1 url("../images/error.png") no-repeat 7px center; border: 3px solid #f8acac; color: #a20000; }
.welcome { background: #eeff88 url("../images/welcome.png") no-repeat 7px center; border: 3px solid #c7e22c; color: #5b6b00; }
.new-mail { background: #feeaf8 url("../images/new_mail.png") no-repeat 7px center; border: 3px solid #ffc7ed; color: #ea00a0; }

 /* --------------
TAGS
* -------------*/
.tag {
	padding: 5px 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: white;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}
.tag-green{
	background-color: #a3bd0e;
}
.tag-red{
	background-color: #e62929;
}
.tag-purple{
	background-color: #d248a6;
}
.tag-black{
	background-color: #292829;
}
.tag-orange{
	background-color: #f4852c;
}
.tag-maroon{
	background-color: #723606;
}
.tag-blue{
	background-color: #298bb9;
}
.tag-cyan {
	background-color: #3cb9f3;
}
.tag-slategray {
	background-color: #708090;
}
.tag-silver {
	background-color: #dadada;
	color: #7b7b7b;
}
.tag-magenta {
	background-color: #f30f9b;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 21px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6{ font-size: 11px; }

/* PARAGRAPH */
.p_left { text-align: left; }
.p_right { text-align: right; }
.p_justify { text-align: justify; }
.p_center { text-align: center; }

 /* --------------
HTML TEXT TAG
* -------------*/
.typo code {
	background: #b3dbec;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
} 
.typo cite{
	background: url("../images/cite.png") no-repeat left top;
	padding: 8px 0 0 30px;
	font-style: italic;
	font-size: 13px;
	color: #676767;
	font-family: Georgia;
}
.typo a {
	color: #004c7a;
	padding: 1px 0;
}
.typo a:hover {
	background: #b3dbec;
	padding: 1px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	left: -5px;
}
.typo .title {
	color: #919191;
	font-size: 14px;
}
.typo .approved{
	color: #008000;
	line-height: 24px;
}
.typo .approved:hover {
	background: #d7f5d7;
}
.typo .pending{
	color: #0173b9;
	line-height: 24px;
}
.typo .pending:hover {
	background: #c8e2f2;
}
.typo .spam{
	color: #e10000;
	line-height: 24px;
}
.typo .spam:hover {
	background: #ffc5c5;
}
 /* --------------
LISTS
* -------------*/
.typo  li {
	line-height: 24px;
}
.typo  ul {
	padding: 0 0 0 20px;
	display: block;
}
.typo .disc li{
	list-style: disc;
}
.typo  .circle li{
	list-style: circle;
}
.typo  .square li{
	list-style: square;
}
.typo .decimal li{
	list-style: decimal;
}

/* GRIDS */
.grid { height: 70px; margin: 20px 0 0 0; background: #d0e0ea; line-height: 70px; text-align: center; text-transform: uppercase; font-size: 45px; color: #94c4dc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.three { margin-right: 1.5%; }
.width10 { width: 9%; }
.width20 { width: 19%; }
.width30 { width: 29%; }
.width40 { width: 39%; }
.width50 { width: 49%; padding: 0 !important; }
.width60 { width: 59%; }
.width70 { width: 69%; }
.width80 { width: 79%; }
.width90 { width: 89%; }
.width100 { width: 100%; }

/* FORMS */
.error_small { background:url("../images/error_small.png") no-repeat left top; margin: 0 0 0 5px; padding: 4px 15px; color: #8d0d0d; font-size: 11px; font-weight: normal; }
.infor_small { background:url("../images/infor_small.png") no-repeat left top; margin: 0 0 0 5px; padding: 4px 15px; color: #0074B1; font-size: 11px; font-weight: normal; }
.valid_small { background:url("../images/valid_small.png") no-repeat left top; margin: 0 0 0 5px; padding: 2px 15px; color: #8d0d0d; font-size: 11px; font-weight: normal; }
.form-label { display: block; text-transform:capitalize; font-weight: bold; font-size: 12px; color: #373737; height: 25px; }
.form-label .valid_small, .form-label .error_small, .form-label .infor_small { text-transform: none; }
.form-field, .form-field .error_small, .form-field.valid_small, .form-field.infor_small{ background: none; height: 20px; padding: 2px 0 2px 5px; border: 1px solid #c0c0c0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 12px 0; color: black; font-size: 12px; }
.form-field:focus { box-shadow: 0 2px 1px #e1e1e1; -moz-box-shadow: 0 2px 1px #e1e1e1; border: 1px solid #b5b5b5; }
.form-field.error_small { background-color: #ffd1d1; border: 1px solid #f8acac; }
.form-field.infor_small { background-color: #0074B1; border: 1px solid #0074B1; }
.form-field.valid_small { background-color: #eaf7d9; border: 1px solid #bbdf8d; }
#form-message { height: 120px; }
.terms { display: block; }
#formtest .button { margin-right: 5px; }
#formtest .radiocheck{ margin: 0 0 20px 0; }
.addmod td label.error_small{display:block;}
.addmod td label.infor_small{display:block;}
.addmod td label.valid_small{display:block;}
.editmod td label.error_small{display:block;}
.editmod td label.infor_small{display:block;}
.editmod td label.valid_small{display:block;}
.viewmod td label.error_small{display:block;}
.viewmod td label.infor_small{display:block;}
.viewmod td label.valid_small{display:block;}

/* FORMS ELEMENT */	
input.full { width: 99% !important; }
input.half { width: 50%; }
input.small { width: 20%; }
input.big { height: 30px; }	
textarea.half { width: 50%; height: 150px; }
textarea.small { width: 40%; height: 100px; }
textarea.full { width: 99%; height: 150px; }
#wysiwyg { width: 98%; min-height: 200px; }
#select1_link { display:inline-block; }
select { background: #f3f3f3; border: 1px solid #e1e1e1; padding: 2px; }

 /* --------------
WIDGET 
* -------------*/
	.ui-widget-header {
	background: #ececec url("../images/back_h2_box_blue.jpg") repeat-x left top;
	border-width: 1px 1px 0 1px;
	border-color: #E5E4E4;
	border-style: solid;
}
.ui-widget-header .ui-icon {
	background-image: url("../images/ui-icons.png");
}
.ui-corner-tr {
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
.ui-corner-tl {
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
 /* --------------
TABLE DATA
* -------------*/	
.dataTables_wrapper {
	min-height: 0;
}	

.fg-toolbar  {
	padding: 0 10px;
	background:url("../images/back_header_table.jpg") repeat-x scroll left top #E8E8E8;
	line-height:40px;
}	
table.display thead th {
	background: #e8e8e8 url("../images/back_white.jpg") repeat-x left top;
	border: 1px solid #e1e1e1;
}
#tabledata_length  select {
	background: white;
	border: 1px solid #D6D6D6;
}
#tabledata_filter  input {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #D6D6D6;
	line-height:15px;
	padding:5px;
	width:200px;
}
.paging_full_numbers .fg-button {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px 8px;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 1px 2px #343434;
	-moz-box-shadow: 0 1px 2px #343434;
	-webkit-box-shadow: 0 1px 2px #343434;
	background: #dfdfdf url("../images/back_white.jpg") repeat-x left top;
	border: 1px solid white;
	margin: 0 3px;
}
.paging_full_numbers .fg-button:hover{
background: white url("../images/back_white_hover.jpg") repeat-x left top;
}	
 #tabledata .odd, #tabledata .even {
	line-height: 30px;
}	
.paging_full_numbers {
	width: auto !important;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
background-image:none;
opacity:0.2;
}

/* TABLES */
.box-table { padding: 0; }
.tablebox { width: 100%;}
.tc { text-align: center; }
.box-table th { padding: 0px 20px; border-left: 1px solid #d6d6d6; text-transform: capitalize; font-weight: bold; }
.box-table td { padding: 10px 20px; }
.box-table .odd { height: 40px; background: #fff; }
.box-table .even { height: 40px; background: #f7f7f7; }
.box-table .nodata { height: 40px; background: #f7f7f7; font-weight:900; color:#F00; }

.listmod tr:hover.odd { background-color: #8FE0FF; }
.listmod tr:hover.even { background-color: #8FE0FF; }
.listmod tr:hover.odd td:hover { background-color: #00B7FF; }
.listmod tr:hover.even td:hover { background-color: #00B7FF; }

.viewmodlist tr:hover.odd { background-color: #8FE0FF; }

#tablebox .first { border-left:0; }
#tablebox thead th.first{ width:30px !important; }
.table-header { line-height: 40px; background: #e8e8e8 url("../images/back_header_table.jpg") repeat-x left top; width: 100%; }
#tablebox .button { margin: 0; }

.pagination { height:35px; text-align:right; padding:0px 10px 0px 0px; background: #e8e8e8 url("../images/back_pagination_table.jpg") repeat-x left top; border: 1px solid #E5E4E4; }
.pagination li { display: inline; margin-left:3px; }
.pagination li.info { display: block; float:left; margin:10px 0px 0px 10px; font-weight:900; }
.pagination .button { margin: 5px 0 0 0; }
.pagination .disabled { color:#CCC; }
.pagination .active{ background: url("../images/back_nav_hover.jpg") repeat-x left center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 2px 3px black; -moz-box-shadow:inset 0 2px 3px black; cursor: default; border: 1px solid black; color: white; }
.pagination .active:hover { background: url("../images/back_nav_hover.jpg") repeat-x left center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 2px 3px black; -moz-box-shadow:inset 0 2px 3px black; cursor: default; border: 1px solid black; color: white; }

.tablefooter { height:35px; text-align:center; padding:0px 10px 0px 0px; background: #e8e8e8 url("../images/back_pagination_table.jpg") repeat-x left top; border: 1px solid #E5E4E4;}
.tablefooter li { display: inline; margin-left:3px; }
.tablefooter li input{ width:20px; }
.tablefooter li input.inagearea{ width:35px; }
.tablefooter li.info { display: block; float:left; margin:10px 0px 0px 10px; font-weight:900; }
.tablefooter .button { margin: 3px 0 0 0; }
.tablefooter .disabled { color:#CCC; }
.tablefooter .active{ background: url("../images/back_nav_hover.jpg") repeat-x left center;	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 2px 3px black; -moz-box-shadow:inset 0 2px 3px black; cursor: default; border: 1px solid black; color: white; }
.tablefooter .active:hover { background: url("../images/back_nav_hover.jpg") repeat-x left center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 2px 3px black; -moz-box-shadow:inset 0 2px 3px black; cursor: default; border: 1px solid black; color: white; }

.thumb-td { vertical-align: top !important; padding-bottom: 15px !important; }
.thumb-td img { width: 60px; height: 60px; padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin: 6px 0; }
.thumb-td img:hover { background: #323232; border: 1px solid black; }
.thumb-td b { display: block; }
.gallery-td { text-align: center; padding: 10px !important; }
.gallery-td img { width: 80%; *width: 80px; padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; text-align: center; }
.gallery-td img:hover { background: #323232; border: 1px solid black; }
.gallery-td b{ margin: 7px 0 0 0; display: block; }
tbody .button { margin: 0 3px !important; }
td h4 { padding: 0 0 3px 0; }
.openable-tbody p { font-size: 11px; line-height: 17px; padding: 0; }
.openable-tbody td { vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }
.openable-tbody .button { margin: 0 !important; }
.openable-tr{ display: none; }
.openable-tbody .bullet { margin: 0; }
.openable-tr  div.fl{ padding: 10px; margin: 0 0 7px 0; border: 1px solid #d0d0d0; box-shadow: 0 2px 2px #d8d8d8; -moz-box-shadow: 0 2px 2px #d8d8d8; -webkit-box-shadow: 0 2px 2px #d8d8d8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.openable-tr  div.fr{ margin: 5px 0 0 0; }
.openable-tr b { margin: 0 5px 0 0; }
.tag-table { border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; color:black; cursor:pointer; font-size:11px; font-weight:bold; padding:5px 10px; background: #d4d4d4; margin: 0 5px 0 0; }
.tag-table:hover { background: #6a6a6a; color: white; }
.table-collapse { width: 12px; height: 12px; background: url("../images/table_collapse.png") no-repeat left center; display: block; margin: 0 auto; }
.orderstyle{ background-position:0px 0px; background-image:url("../images/orderpack.png"); background-repeat:no-repeat; width:15px; height:16px; overflow:hidden; display:block; float:right; margin:11px -10px 0px 0px; }
.orderasc{  background-position:-15px 0px;  }
.orderdesc{  background-position:-30px 0px;  }
.ordersameweb{  background-position:-60px 0px;  }
.orderreset{  background-position:-45px 0px;  }

.table-data .odd select{ background-color:#fff;}
.table-data .even select{ background-color:#f7f7f7;}
.table-data .odd input.form-field{ margin:0px; background-color:#fff;}
.table-data .even input.form-field{ margin:0px; background-color:#f7f7f7;}

.viewmod td{  border-bottom:1px solid #D6D6D6;}
.viewmod td.tt{ vertical-align:top;}

.borimg { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin: 6px 0; }

.addmod td{  border-bottom:1px solid #D6D6D6;}
.addmod td.tt{ vertical-align:top;}
.addmod td>img { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin:0px; }
.addmod ul li>img { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin: 6px 0; }
.editmod td{  border-bottom:1px solid #D6D6D6;}
.editmod td.tt{ vertical-align:top;}
.editmod td>img { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin:0px; }
.editmod ul li>img { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin: 6px 0; }
.viewmod td{  border-bottom:1px solid #D6D6D6;}
.viewmod td.tt{ vertical-align:top;}
.viewmod td>img { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin:0px; }
.viewmod ul li>img { padding: 5px; border: 1px solid #d6d6d6; background: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; -webkit-box-shadow: 0 2px 2px #dddddd; margin: 6px 0; }

/* --------------
BULLETS
* -------------*/
.bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	-webkit-box-shadow:0 1px 1px black;
	box-shadow:inset 0 2px 3px black;
	-moz-box-shadow:inset 0 2px 3px black;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.bullet-yellow {
	background-color: #f1cc00;
}
.bullet-green{
	background-color: #a3bd0e;
}
.bullet-red{
	background-color: #e62929;
}
.bullet-purple{
	background-color: #d248a6;
}
.bullet-black{
	background-color: #292829;
}
.bullet-orange{
	background-color: #f4852c;
}
.bullet-maroon{
	background-color: #723606;
}
.bullet-blue{
	background-color: #298bb9;
}
.bullet-cyan {
	background-color: #3cb9f3;
}
.bullet-slategray {
	background-color: #708090;
}
.bullet-silver {
	background-color: #dadada;
}
.bullet-magenta {
	background-color: #f30f9b;
}
  /* --------------
TABS
* -------------*/
.box .tabs-nav {
	margin:0;
	padding:0;
	background: none;
	border: 0 !important;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius:0;
	line-height: 19px;
	position: absolute;
	right:32px;
	top:4px;
}
.box.tabs {
	border: 0;
	background: none;
	font-family: Tahoma;
	border-radius: 0;
	-moz-border-radius: 0;
	-webbkit-border-radius: 0;
	font-size: 12px;
	color: black;
	padding: 0;
}
.box .tabs-nav .tab  {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding-bottom: 0 !important;
	border: 0 !important;
	padding: 0 3px;
	font-weight: bold;
	background: #d4d4d4;
	border: 1px solid #b2b2b2 !important;
	border-bottom: 0 !important;
}
.themed_box .tabs-nav .tab { background: #c0d4e1; border: 1px solid #0669af !important; border-bottom: 0 !important; }
.black_box .tabs-nav .tab { background: #cfcfcf; border: 1px solid #000000 !important; border-bottom: 0 !important; }
.green_box .tabs-nav .tab { background: #d2f395; border: 1px solid #4d7d18 !important; border-bottom: 0 !important; }
.purple_box  .tabs-nav .tab { background: #edb8db; border: 1px solid #8e0f63 !important; border-bottom: 0 !important; }
.blood_box  .tabs-nav .tab { background: #f6cece; border: 1px solid #8e0f0f !important; border-bottom: 0 !important; }
.jelly_box  .tabs-nav .tab { background: #f6e3ce; border: 1px solid #af4a06 !important; border-bottom: 0 !important; }

.box .tabs-nav .tab a {
	color: black;
}
.box .tabs-nav .tab.ui-tabs-selected  {
	background: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	padding-bottom: 0 !important;
}
.box .tabs-nav .tab.ui-state-hover  {
	background: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	padding-bottom: 0 !important;
	box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}
.tab a {
	color: white;
	height: 100%;
	display: block;
	padding: 0 15px;
	text-align: center;
	font-size: 12px;
	text-shadow: 0 0;
}
.tab.first {
	margin: 4px 2px 0 0;
}	
.ui-tabs .ui-tabs-panel {
	padding: 0;

}
/* --------------
ACCORDION
* -------------*/
.accordion h3 {
	background: url("../images/back_grey.jpg") repeat-x left top;
	padding-bottom: 0 !important;
	border: 1px solid #d8d8d8 !important;
	padding: 0 3px;
	font-weight: bold;
	box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}
.accordion h3 a {
 color: black !important;
}
.accordion .ui-corner-all {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius : 5px;
}
.accordion h3.ui-state-active  {
	background: white url("../images/back_tab_active.jpg") repeat-x left top;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	padding-bottom: 0 !important;
	border-top: 1px solid #d0d0d0 !important;
	border-left: 1px solid #d0d0d0 !important;
	border-right: 1px solid #d0d0d0 !important;
	border-bottom: 0 !important;
	box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}
.ui-accordion-content {
	border-top: 0!important;
	border-left: 1px solid #d0d0d0 !important;
	border-right: 1px solid #d0d0d0 !important;
	border-bottom: 1px solid #d0d0d0 !important;
}
/* --------------
DIALOG
* -------------*/
.dialog {
	width: auto !important;
	height: auto;
}
.button.opener {
	margin: 0;
}
.ui-dialog-titlebar {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	background:url("../images/back_h2_box_blue.jpg") repeat-x scroll left top #ECECEC;
	border:1px solid #0669AF;
	color:white;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:5px 0;
	text-shadow:0 1px 0 #014B80;
	text-transform:capitalize;
}
.ui-widget-overlay {
	background: black;
	opacity: 0.8;
}
.dialog .button {
	margin: 0 0 0 10px;
}
.ui-dialog .ui-dialog-titlebar-close {
	padding: 0;
}
/* --------------
WYSIWYG
* -------------*/
div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 0 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 1px 2px 3px 0;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { text-indent: -5000px; opacity: 0.85; display: block; width: 16px; height: 16px; background: url('../images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 1.00; filter:alpha(opacity=100); }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -47px -46px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -63px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0;  clear: left; margin: 4px 0 0 1px; }
/* DATEPICKER */
.form-field.mydatepicker, .form-field.datepicker, .form-field.birthday, .form-field#timefrom, .form-field#timeto, .form-field#timefrom2, .form-field#timeto2{ background: url("../images/datepicker.png") no-repeat right center; }
div.datepicker { margin-left: 20px; }
.ui-datepicker { width: 250px; }
.ui-datepicker td { padding: 2px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; box-shadow:0 2px 3px black inset; -moz-box-shadow:0 2px 3px black inset; -webkit-box-shadow:0 2px 3px black inset; background:url("../images/back_nav_hover.jpg") repeat-x scroll left center transparent; border: 0; padding:0; }
.ui-datepicker .ui-state-default { background: white url("../images/back_white.jpg") repeat-x left top !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; color: black; padding: 4px; text-align: center; }
.ui-datepicker .ui-datepicker-calendar .ui-state-hover { background: white url("../images/back_black.jpg") repeat-x left top !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; color: white; padding: 4px; border: 1px solid black; }
.ui-datepicker .ui-datepicker-calendar .ui-state-active { background: white url("../images/back_black.jpg") repeat-x left top !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; color: white; padding: 4px; border: 1px solid black; box-shadow:0 2px 3px black inset; -moz-box-shadow:0 2px 3px black inset; -webkit-box-shadow:0 2px 3px black inset; }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight { background: white url("../images/back_red.jpg") repeat-x left top !important; color: white; border: 1px solid #ff3131;	padding: 4px; box-shadow:0 2px 3px #5b0000 inset; -moz-box-shadow:0 2px 3px #5b0000 inset; -webkit-box-shadow:0 2px 3px #5b0000 inset; }
.ui-datepicker .ui-datepicker-header { background: url("../images/back_h2_box_blue.jpg") repeat-x left top; border: 1px solid #0669AF; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; line-height: 20px; padding: 5px 0; margin:0; text-transform: capitalize; font-weight: bold; text-shadow:0 1px 0 #014B80; font-size: 13px; color: white; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 6px; }	
#ui-datepicker-div { display: none; }
.ui-datepicker-prev { left: 2px !important; }
.ui-datepicker-next { right: 2px !important; }

/* TIMEPICKER */
.form-field.timepicker{ background: url("../images/timepicker.png") no-repeat right center; }
.ui-timepicker-div .ui-widget-header { color:#FFFFFF;  }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-timepicker-div .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui-slider .ui-slider-handle{ width:10px !important; height:10px !important; }





/* --------------
SLIDER
* -------------*/
.slider-vertical {
	height: 200px;
	margin: 0 0 0 10px;
}	
.ui-slider-range {
background: #0079be;
}
.ui-slider-handle {
	background: url("../images/back_black.jpg") repeat-x !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid black !important;
	height: 16px !important;
	width: 16px !important;
}
/* --------------
PROGRESSBAR
* -------------*/
.prog {
cursor: pointer;
}
.ui-progressbar-value {
	background: url("../images/back_blue.jpg") repeat-x left top !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0;
}
.progressbar, .progressbaractive,.progressbarpending, .progressbarsuspended {
	background: #dfdfdf;
	border: 0;
	margin: 0 0 10px 0;
}
.progressbaractive .ui-progressbar-value {
	background: black url("../images/back_green.jpg") repeat-x left top !important;
}
.progressbarpending .ui-progressbar-value {
	background: url("../images/back_blue.jpg") repeat-x left top !important;
}
.progressbarsuspended .ui-progressbar-value {
	background: url("../images/back_red.jpg") repeat-x left top !important;
}
/* --------------
GRAPHS
* -------------*/
.chart {
	height: 300px;
}
/* --------------
GALLERY
* -------------*/
.lightbox {
	display: block;
}
.gallery-list li {
	width: 10%;
	text-align: center;
	float: left;
	margin: 0 0 10px 0;
	position: relative;
}
.gallery-list img {
	width: 80%;
	padding: 5px;
	border: 1px solid #d6d6d6;
	background: #ececec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 2px 2px #dddddd;
	-moz-box-shadow: 0 2px 2px #dddddd;
	-webkit-box-shadow: 0 2px 2px #dddddd;
	text-align: center;
}
.gallery-list img:hover {
	background: #323232;
	border: 1px solid black;
}
.gallery-list b{
	margin: 7px 0 0 0;
	display: block;
}
.gallery-buttons {
	position: absolute;
	left: 50%;
	bottom: 15%;
	margin-left: -36px;
	display: none;
}
.gallery-buttons .button {
	margin: 0;
}
.gallery-list.small li {
	width: 10%;
}	
.gallery-list.small img{
	width: 63%;
}	
.gallery-list.half li {
	width: 20%;
}


/* upload */
.uploadfiles_wrapper{  }
.uploadfiles_wrapper .uploadfiles_iframe{ display: none; position:fixed; top:10px; left:10px; z-index:8100; }
.uploadfiles_wrapper div.uploadfiles_overlay{ display: none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:8000; background:#000; }
.uclose{ display:none !important;}
.swfupload{ padding:0px; margin:0px; display:inline; vertical-align:middle; }
.multiuploadmsg{ display:none; }


/* add */
.addmod .tablebox textarea.form-field{ width:250px; height:100px;}
.addmod .tablebox input.form-field{ width:250px;}
.addmod .tablebox input.form-field.datepicker{ width:100px;}
.addmod .tablebox input#timefrom{ width:100px;}
.addmod .tablebox input#timeto{ width:100px;}
.addmod .tablebox input.form-field.datepickerR{ width:100px;}
.addmod .tablebox input.form-field.timepicker{ width:100px;}
.addmod .tablebox input.num2order{ width:50px;}
.addmod .tablebox .table-data td{ vertical-align:top; }

.editmod .tablebox textarea.form-field{ width:250px; height:100px;}
.editmod .tablebox input.form-field{ width:250px;}
.editmod .tablebox input.form-field.datepicker{ width:100px;}
.editmod .tablebox input#timefrom{ width:100px;}
.editmod .tablebox input#timeto{ width:100px;}
.editmod .tablebox input.form-field.timepicker{ width:100px;}
.editmod .tablebox input.num2order{ width:50px;}
.editmod .tablebox .table-data td{ vertical-align:top; }

.viewmod .tablebox textarea.form-field{ width:250px; height:100px;}
.viewmod .tablebox input.form-field{ width:250px;}
.viewmod .tablebox input.form-field.datepicker{ width:100px;}
.viewmod .tablebox input.form-field.timepicker{ width:100px;}
.viewmod .tablebox input.num2order{ width:50px;}
.viewmod .tablebox .table-data td{ vertical-align:top; }

.tablebox td>a:link{ color:#090; text-decoration:underline;}
.tablebox td>a:visited{ color:#090; text-decoration:underline;}
.tablebox td>a:hover{ color:#090; text-decoration:underline;}

input.px40 { width:40px !important; }
input.px60 { width:60px !important; }
input.px80 { width:80px !important; }
input.px100 { width:100px !important; }
input.px200 { width:200px !important; }

input.pxp20 { width:19% !important; }
input.pxp40 { width:39% !important; }
input.pxp60 { width:59% !important; }
input.pxp80 { width:79% !important; }
input.pxp100 { width:99% !important; }


.searchmod label{ float:left; margin:0px 5px 5px 0px;}
.tablebox td>a:link{ color:#0669af; text-decoration:underline;}
.tablebox td>a:visited{ color:#0669af; text-decoration:underline;}
.tablebox td>a:hover{ color:#0669af; text-decoration:underline;}
.tablebox td a.button{ color:#000; text-decoration:none;}

.viewmod iframe.ckpreview{ border:0px; width:100%; height:300px;}

/* float list */
ul.more_i_a li{ margin:10px; border:0px solid #F00; }
ul.more_i_a li input{ float:left; }
ul.more_i_a li a.button{ float:left;}










/* def sortable class
ul.onlypic li{ float:left; margin:10px; position:relative; }
ul.onlypic li p.actbtn{ position:absolute; right:0px; bottom:5px; display:none;}
ul.onlypic li:hover p.actbtn{ display:block; }
ul.onlypic li p.actbtn a.button{ float:right;}

ul.hadinfo li{ margin-top:10px;}
ul.hadinfo li p{ margin-top:12px; float:left;}
ul.hadinfo li a.button{ margin-top:12px; float:left;}
ul.hadinfo li p.actbtn{ width:42px;}
ul.hadinfo li p.actbtn a.button{ margin-bottom:5px !important; }
ul.hadinfo li img{ float:left; margin-right:10px;}
ul.hadinfo li textarea.form-field{ width:150px !important; height:50px;}
ul.hadinfo li input.form-field{ width:150px !important;}
.limoveing{ background-color:#f90; width:96px; height:96px; display:block;}
*/