a {outline:0;}
img {border:0; outline:0;vertical-align:top;}
td, th {vertical-align:top; text-align:left;}
table {width:100%;}

.cl {clear:both;}

.oh {overflow:hidden;}

.img-responsive {max-width: 100% ! important;height: auto;}



/* margin & paddings */
.m0 {margin: 0 ! important;}

.mt0 {margin-top:0px ! important;}
.mt5 {margin-top:5px ! important;}
.mt10 {margin-top:10px ! important;}
.mt15 {margin-top:15px ! important;}
.mt20 {margin-top:20px ! important;}
.mt25 {margin-top:25px ! important;}
.mt30 {margin-top:30px ! important;}
.mt35 {margin-top:35px ! important;}
.mt40 {margin-top:40px ! important;}
.mt45 {margin-top:45px ! important;}
.mt50 {margin-top:50px ! important;}
.mt55 {margin-top:55px ! important;}
.mt60 {margin-top:60px ! important;}
.mt65 {margin-top:65px ! important;}
.mt70 {margin-top:70px ! important;}
.mt75 {margin-top:75px ! important;}
.mt80 {margin-top:80px ! important;}
.mt85 {margin-top:85px ! important;}
.mt90 {margin-top:90px ! important;}
.mt95 {margin-top:95px ! important;}
.mt100 {margin-top:100px ! important;}

.mb0 {margin-bottom:0px ! important;}
.mb5 {margin-bottom:5px ! important;}
.mb10 {margin-bottom:10px ! important;}
.mb15 {margin-bottom:15px ! important;}
.mb20 {margin-bottom:20px ! important;}
.mb25 {margin-bottom:25px ! important;}
.mb30 {margin-bottom:30px ! important;}
.mb35 {margin-bottom:35px ! important;}
.mb40 {margin-bottom:40px ! important;}
.mb45 {margin-bottom:45px ! important;}
.mb50 {margin-bottom:50px ! important;}
.mb55 {margin-bottom:55px ! important;}
.mb60 {margin-bottom:60px ! important;}
.mb65 {margin-bottom:65px ! important;}
.mb70 {margin-bottom:70px ! important;}
.mb75 {margin-bottom:75px ! important;}
.mb80 {margin-bottom:80px ! important;}
.mb85 {margin-bottom:85px ! important;}
.mb90 {margin-bottom:90px ! important;}
.mb95 {margin-bottom:95px ! important;}
.mb100 {margin-bottom:100px ! important;}

.ml0 {margin-left: 0px ! important;}
.ml5 {margin-left: 5px ! important;}
.ml10 {margin-left: 10px ! important;}
.ml15 {margin-left: 15px ! important;}
.ml20 {margin-left: 20px ! important;}
.ml25 {margin-left: 25px ! important;}
.ml30 {margin-left: 30px ! important;}
.ml35 {margin-left: 35px ! important;}
.ml40 {margin-left: 40px ! important;}
.ml45 {margin-left: 45px ! important;}
.ml50 {margin-left: 50px ! important;}
.ml55 {margin-left: 55px ! important;}
.ml60 {margin-left: 60px ! important;}
.ml65 {margin-left: 65px ! important;}
.ml70 {margin-left: 70px ! important;}
.ml75 {margin-left: 75px ! important;}
.ml80 {margin-left: 80px ! important;}
.ml85 {margin-left: 85px ! important;}
.ml90 {margin-left: 90px ! important;}
.ml95 {margin-left: 95px ! important;}
.ml100 {margin-left: 100px ! important;}

.mr0 {margin-right: 0px ! important;}
.mr5 {margin-right: 5px ! important;}
.mr10 {margin-right: 10px ! important;}
.mr15 {margin-right: 15px ! important;}
.mr20 {margin-right: 20px ! important;}
.mr25 {margin-right: 25px ! important;}
.mr30 {margin-right: 30px ! important;}
.mr35 {margin-right: 35px ! important;}
.mr40 {margin-right: 40px ! important;}
.mr45 {margin-right: 45px ! important;}
.mr50 {margin-right: 50px ! important;}
.mr55 {margin-right: 55px ! important;}
.mr60 {margin-right: 60px ! important;}
.mr65 {margin-right: 65px ! important;}
.mr70 {margin-right: 70px ! important;}
.mr75 {margin-right: 75px ! important;}
.mr80 {margin-right: 80px ! important;}
.mr85 {margin-right: 85px ! important;}
.mr90 {margin-right: 90px ! important;}
.mr95 {margin-right: 95px ! important;}
.mr100 {margin-right: 100px ! important;}

.pt0 {padding-top:0px ! important;}
.pt5 {padding-top:5px ! important;}
.pt10 {padding-top:10px ! important;}
.pt15 {padding-top:15px ! important;}
.pt20 {padding-top:20px ! important;}
.pt25 {padding-top:25px ! important;}
.pt30 {padding-top:30px ! important;}
.pt35 {padding-top:35px ! important;}
.pt40 {padding-top:40px ! important;}
.pt45 {padding-top:45px ! important;}
.pt50 {padding-top:50px ! important;}
.pt55 {padding-top:55px ! important;}
.pt60 {padding-top:60px ! important;}
.pt65 {padding-top:65px ! important;}
.pt70 {padding-top:70px ! important;}
.pt75 {padding-top:75px ! important;}
.pt80 {padding-top:80px ! important;}
.pt85 {padding-top:85px ! important;}
.pt90 {padding-top:90px ! important;}
.pt95 {padding-top:95px ! important;}
.pt100 {padding-top:100px ! important;}

.pb0 {padding-bottom:0px ! important;}
.pb5 {padding-bottom:10px ! important;}
.pb10 {padding-bottom:10px ! important;}
.pb15 {padding-bottom:15px ! important;}
.pb20 {padding-bottom:20px ! important;}
.pb25 {padding-bottom:25px ! important;}
.pb30 {padding-bottom:30px ! important;}
.pb35 {padding-bottom:35px ! important;}
.pb40 {padding-bottom:40px ! important;}
.pb45 {padding-bottom:45px ! important;}
.pb50 {padding-bottom:50px ! important;}
.pb55 {padding-bottom:55px ! important;}
.pb60 {padding-bottom:60px ! important;}
.pb65 {padding-bottom:65px ! important;}
.pb70 {padding-bottom:70px ! important;}
.pb75 {padding-bottom:75px ! important;}
.pb80 {padding-bottom:80px ! important;}
.pb85 {padding-bottom:85px ! important;}
.pb90 {padding-bottom:90px ! important;}
.pb95 {padding-bottom:95px ! important;}
.pb100 {padding-bottom:100px ! important;}

.pl0 {padding-left:0px ! important;}
.pl5 {padding-left:5px ! important;}
.pl10 {padding-left:10px ! important;}
.pl15 {padding-left:15px ! important;}
.pl20 {padding-left:20px ! important;}
.pl25 {padding-left:25px ! important;}
.pl30 {padding-left:30px ! important;}
.pl35 {padding-left:35px ! important;}
.pl40 {padding-left:40px ! important;}
.pl45 {padding-left:45px ! important;}
.pl50 {padding-left:50px ! important;}
.pl55 {padding-left:55px ! important;}
.pl60 {padding-left:60px ! important;}
.pl65 {padding-left:65px ! important;}
.pl70 {padding-left:70px ! important;}
.pl75 {padding-left:75px ! important;}
.pl80 {padding-left:80px ! important;}
.pl85 {padding-left:85px ! important;}
.pl90 {padding-left:90px ! important;}
.pl95 {padding-left:95px ! important;}
.pl100 {padding-left:100px ! important;}

.pr0 {padding-right:0px ! important;}
.pr5 {padding-right:5px ! important;}
.pr10 {padding-right:10px ! important;}
.pr15 {padding-right:15px ! important;}
.pr20 {padding-right:20px ! important;}
.pr25 {padding-right:25px ! important;}
.pr30 {padding-right:30px ! important;}
.pr35 {padding-right:35px ! important;}
.pr40 {padding-right:40px ! important;}
.pr45 {padding-right:45px ! important;}
.pr50 {padding-right:50px ! important;}
.pr55 {padding-right:55px ! important;}
.pr60 {padding-right:60px ! important;}
.pr65 {padding-right:65px ! important;}
.pr70 {padding-right:70px ! important;}
.pr75 {padding-right:75px ! important;}
.pr80 {padding-right:80px ! important;}
.pr85 {padding-right:85px ! important;}
.pr90 {padding-right:90px ! important;}
.pr95 {padding-right:95px ! important;}
.pr100 {padding-right:100px ! important;}


.p0 {padding:0px;}
.p5 {padding:10px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:20px;}
.p30 {padding:30px;}
.p35 {padding:35px;}
.p40 {padding:40px;}
.p45 {padding:40px;}
.p50 {padding:50px;}
.p55 {padding:55px;}
.p60 {padding:60px;}
.p65 {padding:65px;}
.p70 {padding:70px;}
.p75 {padding:75px;}
.p80 {padding:80px;}
.p85 {padding:85px;}
.p90 {padding:90px;}
.p95 {padding:95px;}
.p100 {padding:50px;}

/* ---------- BORDER RADIUS ----------- */
.r5 {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.r10 {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.r20 {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

/* ---------- BORDER RADIUS ----------- */

.message {border:2px solid #cc9900; font:bold 16px arial; padding:20px; color:#000; margin:0; position:absolute; top:20px; right:20px; background:#ffff99; border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
.message p {margin:0;}
.input .hint{font:normal 11px arial; color:#999; margin-top:5px}
.validate input, .validate textarea {border:1px solid #F00;}


.pager-block {margin:30px 0 30px 0; /*padding:20px 0;*/ position:relative; padding:1px;}
.pager-block .info {position:absolute; top:0;}
.pager-block .info em {font:normal 13px arial; margin:0 0 4px 0; display:block;}
.pager-block .info i {font:bold 13px arial;}
.pager-block .left-b {left:0;}
.pager-block .right-b {right:0;}
.pager-block a.emp {padding:0 5px 2px 5px; font:normal 18px tahoma; background:#D80022; color:#fff;}
.pager-block .pager {padding:1px; text-align:center; width:600px; margin:0 auto;}
.pager-block .pager a{text-decoration:none; padding:0 5px 2px 5px; font:normal 18px tahoma; margin:0 5px; background:#aaa; color:#fff;}
.pager-block .pager a:hover {background:#D80022;}
/*.pager-block .pager a:visited {background:#ccc;}*/
.pager-block .pager span {padding:0 5px 2px 5px; font:normal 18px tahoma; margin:0 5px; background:#D80022; color:#fff;}

.links {height:16px; position:relative;}
.links i {position:absolute; top:0; left:100%; display:block;}
.links i.delete {margin:0 0 0 -36px;}
.links i.edit {margin:0 0 0 -16px;}

.admin-menu {background:#000; /*overflow:hidden;*/ position:relative; margin:5px 20px; z-index:4000;}
.admin-menu a {color:#fff;}
.admin-menu a:hover {color:#fff;}
.admin-menu div span {display:inline-block; border-bottom:solid 1px #666; width:100%;}
.admin-menu div span a {display:block; background:url(/img/admin/func.gif) 94% 14px no-repeat #000;font:normal 14px arial; text-decoration:none; padding:9px 10px 11px 20px; border-right:solid 1px #666;}
.admin-menu div span a:hover {color:#fff; background:url(/img/admin/func.gif) 94% 14px no-repeat #888;}
.admin-menu ul {list-style:none; padding:20px 0 10px 0; background:#444; margin:0; display:none; top:37px; left:0; position:absolute; width:100%;}
.admin-menu ul li {margin:0 20px 8px 0; font:normal 13px arial; padding:1px 0;}
.admin-menu ul li a {display:inline-block; padding:1px 10px 3px 10px; margin:0 0 0 10px; font:normal 13px arial; color:#fff;}
.admin-menu ul li a:hover {background:#777; text-decoration:none; color:#fff;}

.admin-menu ul li.close {margin:10px 10px 0 0; text-align:right; }
.admin-menu ul li.close a {padding:0 0 0 18px; background:url(/img/admin/func.gif) 0 -42px no-repeat; text-decoration:none; color:#bbb;}
.admin-menu ul li.close a:hover {color:#f60; background:url(/img/admin/func.gif) 0 -42px no-repeat;}

.admin-menu div.add {float:left; position:relative; width:31%; position:relative;}

.admin-menu div.edit {float:left; position:relative; width:31%;  position:relative;}
.admin-menu div.manage {float:left; position:relative; width:31%; position:relative;}
.admin-menu div.exit {float:right; margin:9px 14px 0 0; font:normal 11px arial;}
.admin-menu .exit a:hover {color:#f60;}

.addcomp table tr td {padding:10px 0 0 15px;}
.addcomp table tr.even td {background:#f4f4f4;}>

.edit-categories {margin:20px 0;}
.edit-categories span {display:inline-block; margin:0 0 0 30px; font:normal 13px arial;}
.edit-categories p {margin:0 0 0 15px; font:normal 14px arial;}
.edit-categories table {border-top:solid 1px #e4e4e4; border-left:solid 1px #e4e4e4; /*width:80%;*/ margin:0 0 20px 0;}
.edit-categories table th {background:#eee;}
.edit-categories table .edit {width:20px;}
.edit-categories table th, .edit-categories table td
{border-bottom:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4; padding:6px;}

.more-func {padding:14px; margin:0 0 10px 0; border:solid 1px #e4e4e4; background:#eee;}
.more-func span {display:inline-block; margin:0 30px 0 0;}
.more-func p {line-height:1.4; margin:0 0 10px 0;}





.breadcrumb {margin:6px 0 30px 0; font:normal 13px arial;}
.breadcrumb i {margin:0 6px; font:normal 13px tahoma; color:#aaa; }
.breadcrumb span, .breadcrumb i {}


.docs {margin:0 0 20px 0;}
.docs table {border-top:solid 1px #deeeee; border-left:solid 1px #deeeee;}
.docs table td {border-bottom:solid 1px #deeeee; border-right:solid 1px #deeeee; padding:5px; font:normal 13px arial;}
.docs table th {border-bottom:solid 1px #deeeee; border-right:solid 1px #deeeee; font:normal 14px arial; background:#EAF2F2; padding:5px;}

.m-10 {margin:10px;}
.p-10 {padding:10px;}
.m-lr {margin:0 40px; }
.m-lrtb {margin:40px 20px 40px 30px; }
.m-lrtb40 {margin:40px; }

.form {margin:0px 0 20px 0;}
.form label {color:#444; font:normal 14px arial; margin:0 0 5px 0;}
.form em {margin:0 0 4px 0; color:#777; display:block; font:normal 11px arial; line-height:1.4;}
.form i {margin:0 0 4px 0; color:#777; display:block; font:normal 13px arial; line-height:1.4;}
.form h3 {font:normal 18px arial; color:#444; margin:0 0 10px 0;}
.form p {margin:0 0 10px 0;}
.form span {font:normal 13px arial;}
.input {margin:0 0 20px 0; vertical-align:top;}
.text input {padding:4px; border-top:solid 1px #666; margin:0 0 5px 0; border-left:solid 1px #666; border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; font:normal 16px arial; display:block;}
.text label {display:block; margin:0 0 10px 0;}
.short input {width:300px;}
.form .date input {width:100px;}
.long input {width:600px;}
.textarea {margin:0 0 20px 0;}
.textarea label {display:block; margin:0 0 5px 0;}
.textarea textarea {padding:2px; border-top:solid 1px #666; margin:0 0 5px 0; border-left:solid 1px #666; border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; font:normal 15px arial;}
.small textarea {width:570px; height:100px;}
.big textarea{width:600px; height:150px;}
.select select {border-top:solid 1px #666; border-left:solid 1px #666; border-right:solid 1px #bbb; margin:0 0 5px 0; border-bottom:solid 1px #bbb; font:normal 16px arial; display:block;}
.select option {padding:0 6px;}
.select label {display:block; margin:0 0 10px 0;}
.checkbox input {vertical-align:middle; margin:0 10px 0 0;}
.checkbox label {padding:4px 0 0 0; font:normal 14px arial; display:inline;}
.checkbox span {display:inline-block; padding:0 30px 0 0;}
.radio {margin:0 0 10px 0;}
.radio label {font:normal 13px arial;}

.radio span {display:inline-block; padding:0 30px 0 0;}
.radio input {vertical-align:middle; margin:0 10px 0 0;}
.file label {display:block; margin:0 0 5px 0;}
.submit {margin:20px 0 20px 0;}
.submit input {padding:2px; font:normal 14px arial; margin:0 20px 0 0; }


.answers {list-style:none; margin:20px 0;; padding:20px; border:solid 1px #444;}
.answers span {width:160px; height:10px; display:inline-block; margin:0 10px 0 0;}
.answers em {display:inline-block; height:10px;}
.answers i {display:inline-block; height:10px; width:50px; font:bold 11px verdana;}
.answers b {display:inline-block; font:normal 12px verdana;}
.answers .c1 {background:#c30;}
.answers .c2 {background:#090;}



.section p, .page p {font:normal 14px/1.6 arial; margin:0 0 20px 0;}


.page {padding:0 0 30px 0; margin:0 0 20px 0;}
.page ul {padding:5px 25px; list-style:square; margin:0 0 20px 0;}
.page ol {padding:5px 25px; margin:0 0 20px 0;}
.page ul li, .page ol li {font:normal 14px/1.4 arial; margin:0 0 10px 0;}
.page table {border-left:solid 1px #ddd; border-top:solid 1px #ddd; margin:0 0 30px 0; width:auto; }
.page table th, .page table td {border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.page table th {padding:7px; font:bold 13px/1.4 arial;}
.page table td {padding:7px; font:normal 13px/1.4 verdana;}
.page .form ul {list-style:none; padding:0 0;}