html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}

body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;line-height:1.6em;color:#636363;background-color:#F0F0F0;background-image:url(../images/bg-front.jpg);background-repeat:repeat;margin:0;padding:0}
a{color:#B61C04;text-decoration:none;outline:none}
a:hover{color:#111;text-decoration:none}
.wrap{width:860px;margin-right:auto;margin-left:auto;position:relative}
.clear{font-size:0;line-height:0;clear:both;height:0}
h1,h2,h3,h4,form,ul,li,p,input,textarea{margin:0;padding:0}
.box h3{ font-size: 15px; text-shadow: 0 1px 0 #fff; color: #444; font-weight: 700; }
ul,li{list-style-type:none}
img{vertical-align:middle;border:0}
.img-wrap,.img-wrap2{display:inline-block;background-color:#FFF;border:1px solid #ccc;padding:3px;border-radius:4px}
.img-wrap2{padding:1px}
.img-wrap2:hover{border:1px solid #888;opacity:0.8}
.left,th.left,td.left{text-align:left}
.right,th.right,td.right{text-align:right}
#do-submission{text-shadow:none}

.box{position:relative;margin-bottom:20px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15), 0 4px 0 -3px #fff, 0 4px 0 -2px #bec2c8, 0 8px 0 -5px #fff, 0 8px 0 -4px #bec2c8;-moz-box-shadow:0 0 3px rgba(0,0,0,0.15), 0 4px 0 -3px #fff, 0 4px 0 -2px #bec2c8, 0 8px 0 -5px #fff, 0 8px 0 -4px #bec2c8;box-shadow:0 0 3px rgba(0,0,0,0.15), 0 4px 0 -3px #fff, 0 4px 0 -2px #bec2c8, 0 8px 0 -5px #fff, 0 8px 0 -4px #bec2c8;color:#525459}
.box-header{height:35px;line-height:35px;border-bottom:0;margin-bottom:-1px;padding-right:10px;padding-left:10px;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);border-bottom: 1px solid #ddd;border-radius: 3px 3px 0 0;-webkit-box-shadow: inset 0 1px 0 #ffffff;box-shadow: inset 0 1px 0 #ffffff;position:relative}
.box .box-content{background-color:#fff;border:1px solid #bec2c8;zoom:1;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.box .box-content:before,.box .box-content:after{display:table;content:"";line-height:0}
.box .box-content:after{clear:both}

.divider{height:0;border-top:1px solid #cdcdcd;border-bottom:1px solid #fff;position:relative;margin:5px 0 15px}
.divider > span{position:absolute;left:50%;margin-left:-21px;background:#eee url(../images/separator.png) no-repeat 50%;width:36px;height:9px;display:block;top:-4px;padding:0 3px}

.border{background-image:url(../images/hr2.png);background-repeat:repeat-x;background-position:top}
.progress-bar{height:16px;border-radius:4px;overflow:hidden;background-color:#fff;border:1px solid #ccc;background-image:url(../images/inputbox.png);background-repeat:repeat-x;background-possition:left top;padding:1px}
.progress-bar>div,.progress-bar>div.green{border-radius:3px;height:14px;line-height:18px;font-size:11px;text-align:center;color:#000;text-shadow:1px 1px 0 #eee;height:100%; background:#999; background-size:16px 16px; background-color: #ac0; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent); background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent); box-shadow:inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2);}
.progress-bar>div.green{background-color:#ac0;text-shadow:1px 1px 0 #eee}
.progress-bar>div{background-color:#7ce}
span.low{color:#0C0}
span.medium{color:#39F}
span.high{color:#C30}
small.closed{background-color:#E9C0C0;display:inline-block;height:12px;width:12px;border:1px solid #D78C8C}
small.pending{background-color:#EAE3BF;display:inline-block;height:12px;width:12px; border:1px solid #D8C98B}
small.open{background-color:#BBE6B7;display:inline-block;height:12px;width:12px;border:1px solid #76CB72}

/* == Header == */
#header{margin-bottom:5px}
#logoff{position:absolute;right:220px;top:0}
#logoff img{float:right;margin-left:5px}
#usermenu{ border: 1px solid #BBB; border-radius: 5px; margin-top: 10px; margin-right: auto; margin-left: auto; text-align: center; clear: both; padding: 5px;box-shadow: inset 0 1px 0 #fff;}
#usermenu span{width:20%;display:block;float:left}
#usermenu span a{color:#394342;display:block;border-radius:4px;}
#usermenu span a:hover, #usermenu span.active{background:-moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);box-shadow: 0 1px 0 rgba(255, 255, 255, .75);border-radius:3px;text-shadow:1px 1px 0 #f1f1f1;text-decoration: none; }
#usermenu span em{ display:block; font-size: 12px; font-style: normal; }
#usermenu span em strong{ font-size: 13px; display: block; }
#usermenu span small{ position:absolute; right:10px; width:20px; height:20px; background-color: #e2e2e2; border-radius:10px; display:block; text-align: center; line-height:20px }
#logo{margin-top:10px}
#header span.langswitch{position:absolute;right:5px;margin-top:-15px;}
#header span.langswitch a img{background-color:#eee}
#header span.langswitch a.active img{background-color:#fff}

/* == Form Elements == */
.input-out{display:inline-block;background-color:#FFF;border-radius:4px;line-height:20px;min-height:20px;border:1px solid #B8B8B8;padding:4px}
select{font-size:13px}
.select{border:1px solid #989B9E;border-radius:2px;font-size:13px;padding:2px 4px}
textarea{font-size:13px}
input,textarea,select,.inputbox-sml{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;outline:none}
.inputbox,textarea,.inputbox-sml,.inputbox2{border:1px solid #D7D7D7;border-radius:3px;color:#666;background-color:#FDFDFD;box-shadow:0 1px 0 #FFF;padding:8px 5px}
.inputbox2{background-color:#FFF;background-image:none;border:1px solid #999;border-radius:3px;padding:5px}
.inputbox-sml{padding:5px}
textarea{overflow:auto}
span.inputbox{display:inline-block;margin:0}
.inputbox:focus,textarea:focus{border:1px solid #aaa;background-color:#fff;background-image:none}
.inputbox.error{border:2px solid red;background-color:#FFF2F2;background-image:none}
.button,.button-alt,.button-sml,.button-alt-sml{border-radius:2px;background-color:#424242;color:#FFF;text-decoration:none;border:0;cursor:pointer;display:inline-block;padding:5px 10px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}
.button-sml,.button-alt-sml{font-size:12px;text-decoration:none;padding:2px 5px}
.button:hover,.button-sml:hover,a.button:hover,a.button-sml:hover{background-color:#B61C04;text-decoration:none;color:#FFF}
.button-alt,.button-alt-sml{text-shadow:none;background-color:#999;color:#fff}
.button-alt:hover,.button-alt-sml:hover{text-decoration:none;background-color:#424242;color:#FFF}
a.button-sml,a.button-alt-sml{padding:1px 6px}
a.button,a.button-alt{padding:2px 10px}
a.do-upload{ background-image: url(../images/link2.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 25px; text-decoration: none; color: #394342; display: inline-block; padding-right: 5px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; background-color: #f9f9f9; border: 1px solid #ccc; box-shadow: 0 0 1px rgba(0,0,0,0.1); border-radius: 3px; font-size: 14px; }
a.do-upload:hover{text-decoration:none}

/* == Checkbox Ratio File Input== */
.ez-hide{opacity:0;filter:alpha(opacity=0)}
.ez-checkbox{display:inline-block;background-color:transparent;background-image:url(../images/checkbox.png);background-repeat:no-repeat;background-position:0 0}
.ez-radio{display:inline-block;background-color:transparent;background-image:url(../images/radio.png);background-repeat:no-repeat;background-position:0 0}
.ez-checkbox, .ez-radio{zoom:1;*display:inline;_height:38px;width:18px;height:19px;}
.ez-checked,.ez-selected{background-position:0 -38px}
.fileinput{line-height:29px;background-image:url(../images/file-input.png);background-repeat:no-repeat;height:29px;width:230px;border:0;background-color:transparent;font-size:13px;padding:0 0 0 5px}
.fileinput:focus{background-color:transparent}
.custombox{font-size:12px;background-color:#F0F0F0;min-width:55px;overflow:auto}
span.customStyleSelectBox{border: solid 1px #BBB;outline: none;background: #F2F2F2;background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);box-shadow: 0 1px 0 rgba(255, 255, 255, .75);border-radius:3px; padding:1px 5px;text-align:left;text-shadow:1px 1px 0 #f1f1f1}
span.customStyleSelectBox.changed{ background-color:#E6E6E6;}
.customStyleSelectBoxInner{background-image:url(../images/nav_down.png);background-repeat:no-repeat;background-position:right center;cursor:pointer}

.fileuploader{position:relative;display:inline-block;overflow:hidden;cursor:default;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0;padding:0}
.filename{float:left;display:inline-block;outline:0 none;height:30px;width:275px;overflow:hidden;cursor:default;border:1px solid;border-right:0;font:9pt/100%;color:#777;text-shadow:1px 1px 0 #fff;text-overflow:ellipsis;white-space:nowrap;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;-moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#ccc;margin:0;padding:6px 10px;background:#f5f5f5;
background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0)}
.filebutton{float:left;height:30px;display:inline-block;outline:0 none;cursor:pointer;border:1px solid;font:bold 9pt/100%;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;-moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset;color:#555;text-shadow:1px 1px 0 #fff;border-color:#ccc;margin:0;padding:6px 12px;background:#ddd;background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0)}
.fileuploader input[type=file]{position:absolute;top:0;right:0;bottom:0;border:0;height:30px;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;margin:0;padding:0}


/* == Main Content == */
#content{color:#394342;padding-top:30px;padding-bottom:20px;position:relative;clear:both}
#content h1{font-size:28px;line-height:28px;margin-bottom:0;height:30px;color:#bbb;text-shadow:#fff 1px 1px 0;font-weight:lighter}
#content h1 img{margin-right:10px;margin-top:-5px}
#content h2{font-size:18px;font-weight:400;margin-bottom:10px;line-height:22px;color:#888}
#content h2 img{margin-right:10px}
#content p.info{background-image:url(../images/info.png);background-repeat:no-repeat;background-position:5px 7px;background-color:#fff;border-radius:5px;border:2px solid #bbb;text-shadow:#fff 1px 1px 0;margin-bottom:10px;padding:5px 10px 5px 25px}
#content p.info span{float:right}
.utility{width:100%;border:2px solid #C3C3C3;border-radius:8px;background-color:#F5F5F5;padding:5px}
.display,.forms{width:100%;background-color:#f5f5f5;border:0;border-collapse:collapse;border-top:0;-webkit-border-radius:3px;border-radius:3px}
.display thead tr th,.forms thead tr th{border-bottom:1px solid #fff;text-shadow:0 1px 0 #fff;background-color:rgba(200,200,200,0.1);padding:5px}
.display tr td img,.forms tr td img{padding-right:2px;padding-left:2px}
.display tbody th.pending{background-color:#EAE3BF}
.display tr td,.forms tr td{border-top:1px solid #ddd;box-shadow:inset 0 1px 0 #fff;text-shadow:0 1px 0 #fff;padding:5px}
.display tbody tr th,.forms tbody tr th{border-top:1px solid #ddd;border-right:1px solid #e2e2e2;text-align:left;box-shadow:inset 0 1px 0 #fff;text-shadow:0 1px 0 #fff;padding:5px}
.display tbody tr td.red a,.forms tbody tr td.red a,.display tbody tr td.green a,.forms tbody tr td.green a{color:#222}
.display tfoot tr:hover{background:transparent}
.forms tr td.none td{padding:0}
#content h1 span,#content h2 span,.display thead tr th span,.forms thead tr th span{float:right;width:auto;text-shadow:none}
.display tbody th.open,.display tbody tr td.green,.forms tbody tr td.green{background-color:#BBE6B7}
.display tbody th.closed,.display tbody tr td.red,.forms tbody tr td.red{background-color:#E9C0C0}

/* == Reply List == */
#reply-list li{background-image:url(../images/hr.gif);background-repeat:repeat-x;background-position:top;padding:10px}
#reply-list li span.delete{float:right}
#reply-list li.row-client,.display td.row-client{ background-color: #f2f2f2;}
#reply-list li.row-staff,.display td.row-staff{ background-color: #e9e9e9;}

/* Menu switcher*/
.menu-switch{position:absolute;right:0;top:0}

/* == Dialog == */
#jboxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 )}
#jboxInner{background:#fafafa;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.2);border:4px solid #444;position:fixed;min-width:200px;min-height:50px;max-width:95%;max-height:95%;color:#333;overflow:auto}
#jboxInner .title{background-color: #e5e5e5;background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(235, 235, 235)), to(rgb(229, 229, 229)));background-image: -webkit-linear-gradient(top, rgb(235, 235, 235), rgb(229, 229, 229));background-image: -moz-linear-gradient(top, rgb(235, 235, 235), rgb(229, 229, 229)); background-image: -o-linear-gradient(top, rgb(235, 235, 235), rgb(229, 229, 229)); background-image: -ms-linear-gradient(top, rgb(235, 235, 235), rgb(229, 229, 229)); background-image: linear-gradient(top, rgb(235, 235, 235), rgb(229, 229, 229)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb', EndColorStr='#e5e5e5');border-top: 1px solid #fafafa; border-top-left-radius: 1px; border-top-right-radius: 1px; padding:8px 10px;font-size:16px;text-shadow:0px 1px 0px #fff; cursor: move;}
#jboxInner .body{color:#333;padding:10px}
#jboxInnerButtons{ text-align:center; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
#jboxInner .button{border-radius:3px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); cursor:pointer; display:inline-block; outline:none!important; text-align:center; text-decoration:none; -moz-box-sizing:border-box!important; line-height:16px; font-family:MavenProRegular, Arial, Helvetica, sans-serif; font-size:13px; text-shadow:1px -1px 0 rgba(000,000,000,0.3); box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');background-color:#f9f9f9; border:1px solid #bbb; color:#666; text-shadow:1px 1px 0px #fff; margin-right: 5px; margin-left: 5px; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px}
#jboxInner .button:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');background-color:#e9e9e9;text-decoration:none;}
#jboxInner .button.yes{color:#fef4e9;border:solid 1px #da7c0c;background-color:#f78d1d;background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background:-moz-linear-gradient(top, #faa51a, #f47a20);text-decoration:none;text-shadow:1px -1px 0 rgba(000,000,000,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20')}
#jboxInner .button.yes:hover,#jboxInner .button.yes:focus{background-color:#f47c20;background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background:-moz-linear-gradient(top, #f88e11, #f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');text-decoration:none;color:#fff}

/* == Pagination == */
.paginate{text-align:right;}
.paginate a{border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);-o-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);font-size:12px;font-weight:600;font-family:Arial, Helvetica, sans-serif;margin:1px 2px;padding:1px 7px;display:inline-block;border-top:1px solid #fff;text-decoration:none !important;color:#777 !important;text-shadow:#fff 1px 1px 0;background-color:#f9f9f9;}
.paginate a:first-child, .paginate a.first{margin-left:0}
.paginate a:last-child, .paginate a.last{margin-right:0}
.paginate a:hover, .paginate a:focus{border-color:#fff;background-color:#fefefe;}
.paginate a.current{background-color:#676767;-moz-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.75);-webkit-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.75);-o-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.75);box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.75);border-color:#505050 !important;color:#f2f2f2 !important;text-shadow:black 0 1px 0}
.paginate a.no-more{background-color:#fff;!important;background-image:none;cursor:default}

/* == Visual Forms == */
.visual-form{width:100%;text-shadow:1px 1px 0 #eee;font-family:"Segoe UI", Arial, Helvetica, sans-serif;font-size:13px;}
.visual-form ul{margin:0;padding:0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:solid 1px #fff;background:#fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;padding:5px}
.visual-form ul li{display:block; list-style-type:none;padding:5px;background-image:none;background-color:#CCC;margin-bottom:5px;
border-radius:4px;border:solid 1px #fff;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 3px 0 #eee)}
.visual-form ul li span.title-label,
.visual-form ul li.input_text label,
.visual-form ul li.datepicker label,
.visual-form ul li.uploader label,
.visual-form ul li.selectbox label,
.visual-form ul li.textarea label{display:block;font-weight:600;padding-top:5px;padding-bottom:5px}
.visual-form ul li span.multi-row{display:block;padding-left:5px}
.visual-form ul li span.rowspan{display:block;}
.visual-form ul li span.rowspan label{padding-left:8px}
.visual-form ul li.input_text input,
.visual-form ul li.datepicker input,
.visual-form ul li.selectbox select,
.visual-form ul li.textarea textarea{border:1px solid #ccc;border-radius:4px;width:75%;outline:none;padding:8px 5px}
.visual-form ul li.textarea textarea{overflow:auto}
.visual-form ul li.datepicker input{background-image:url(../images/calendar.png);background-repeat:no-repeat;background-position:98% center}
.visual-form ul li.required span.title-label,
.visual-form ul li.input_text.required label,
.visual-form ul li.datepicker.required label,
.visual-form ul li.uploader.required label,
.visual-form ul li.textarea.required label,
.visual-form ul li.selectbox.required label{background-image:url(../images/required.png);background-repeat:no-repeat;background-position:left center;padding-left:15px}
#captcha-code{width:80px;padding:6px 5px}
.captcha{background-color:#FFF;border:1px solid #ccc;display:inline-block;vertical-align:middle;border-radius:5px;-webkit-border-radius:5px;text-align:center;}
p.req{text-align:right;margin-top:-15px}
.ui-datepicker select{padding:0px;box-shadow:none;border-radius:3px}

/* == Visual Estimator == */
.visual-estimator{width:100%;text-shadow:1px 1px 0 #eee}
.visual-estimator ul{margin:0;padding:0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:solid 1px #fff;background:#fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;padding:5px}
.visual-estimator ul li{display:block; list-style-type:none;padding:5px;background-image:none;background-color:#CCC;margin-bottom:5px;
border-radius:4px;border:solid 1px #fff;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 3px 0 #eee)}
.visual-estimator ul li span.title-label,
.visual-estimator ul li.input_text label,
.visual-estimator ul li.selectbox label,
.visual-estimator ul li.textarea label{display:block;font-weight:400;padding-top:5px;padding-bottom:5px}
.visual-estimator ul li span.multi-row{display:block;padding-left:5px;}
.visual-estimator ul li span.rowspan{ display:block;margin-bottom:1px;border-radius:2px;border:1px solid #e5e5e5;padding:2px;background-color: #F9F9F9}
.visual-estimator ul li span.rowspan label{padding-left:8px}
.visual-estimator ul li span.rowspan small{float:right;padding-right:5px;font-size:12px;color:#F60}
.visual-estimator ul li.input_text input,
.visual-estimator ul li.selectbox select,
.visual-estimator ul li.textarea textarea{border:1px solid #ccc;border-radius:4px;width:75%;outline:none;padding:8px 5px}
.visual-estimator ul li.textarea textarea{overflow:auto}
.visual-estimator ul li.required span.title-label,
.visual-estimator ul li.input_text.required label,
.visual-estimator ul li.textarea.required label,
.visual-estimator ul li.selectbox.required label{background-image:url(../images/required.png);background-repeat:no-repeat;background-position:left center;padding-left:15px}
.totalprice{position:relative}
#totalPrice-wrap{ position:absolute; top:0; right:0;border:1px solid #FC0; background-color: #FC9; padding: 5px; border-radius:5px; color: #000;text-shadow:1px 1px 0 #ddd;width:230px }
#totalPrice-wrap span#price,#totalPrice-wrap span#days{ font-weight: 600; }
#content .visual-estimator ul li h2{margin:0;padding:0}

/* == Messages == */
#msgholder,#msgholder-alt{ position:absolute; z-index:99999; right:0px;top:20px }
.msgAlert,.msgInfo,.msgError,.msgOk{background-image:url(../images/msg-bg.png);border:3px;color:#fff;text-shadow:#444 -1px -1px;border-radius:8px;border-style:solid;padding:8px 10px}
.msgAlert a,.msgInfo a,.msgError a,.msgOk a{ color:#fff; font-weight: 600;}
.msgAlert{background-color:#7b3700; border-color:#4b2b10;}
.msgAlert span{background-image:url(../images/alert-ico.png)}
.msgInfo{background-color:#315862; border-color:#29363a;}
.msgInfo span{background-image:url(../images/info-ico.png)}
.msgError{background-color:#801c1c; border-color:#721d1d;}
.msgError span{background-image:url(../images/error-ico.png)}
.msgOk{background-color:#486231; border-color:#323e26;}
.msgOk span{background-image:url(../images/ok-ico.png)}
.msgError span,.msgOk span,.msgAlert span,.msgInfo span{background-repeat:no-repeat;background-position:0 center;display:inline-block;padding-right:5px;padding-left:25px;font-weight:700}
.msgError .error li{background-image:url(../images/required2.png);background-repeat:no-repeat;background-position:left 6px;padding-left:15px;margin-left:15px}
.tip-yellowsimple{z-index:1000;text-align:left;border:1px solid #c7bf93;border-radius:4px;min-width:20px;max-width:auto;color:#000;text-shadow:1px 1px 1px #ddd;background-color:#fff9c9;padding:6px 8px}
.tip-yellowsimple .tip-inner{font-size:12px;line-height:1.2em}
.tip-yellowsimple .tip-arrow-top{margin-top:-6px;margin-left:-5px;top:0;left:50%;width:9px;height:6px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat}
.tip-yellowsimple .tip-arrow-right{margin-top:-4px;margin-left:0;top:50%;left:100%;width:6px;height:9px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -9px 0}
.tip-yellowsimple .tip-arrow-bottom{margin-top:0;margin-left:-5px;top:100%;left:20px;width:9px;height:6px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -18px 0}
.tip-yellowsimple .tip-arrow-left{margin-top:-4px;margin-left:-6px;top:50%;left:0;width:6px;height:9px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -27px 0}
#loader{background-image:url(../images/ajax-loader-big.gif);background-repeat:no-repeat;background-position:50% 50%;height:20px;width:160px;position:absolute;z-index:7999;display:inline-block;top:35px;right:10px}

/* == Footer == */
#footer{text-align:center;background-image:url(../images/hr.png);background-repeat:repeat-x;background-position:top;padding:8px}


@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrap{width:98%}
.menu-switch{float:right}
}

@media only screen and (max-width: 767px) {
.wrap{width:98%}
#usermenu{margin-top:15px}
#usermenu span{width:100%;display:block;float:none}
#usermenu span a{text-align:left}
#usermenu span a img{float:left;width:32px;margin-right:20px}
#usermenu span small{margin-top:10px;width:20px}
#logoff{position:static;left:10px;margin-top:10px}
#logoff img{display:block;}
#logo{display:block;margin:0}
.menu-switch{position:relative;margin-top:10px}
#header span.langswitch{position:absolute;right:0;margin-top:10px}
table,thead,tbody,th,td,tr{display:block}
thead tr{position:absolute;top:-9999px;left:-9999px}
td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}
tbody tr th{width:auto}
td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
#fullform .custombox{max-width:280px}
.responsive{max-width:270px}
.filename{width:180px}
#content h1 img{display:none}
#content h1 { font-size: 18px; }
#content p.info.tstatus span{display:block;float:none}
.totalprice{position:static}
#totalPrice-wrap{ position:static; bottom:0; right:0;border:1px solid #FC0; background-color: #FC9; padding: 5px; border-radius:5px; color: #000;text-shadow:1px 1px 0 #ddd;width:auto }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrap{width:98%}
#usermenu{margin-top:15px}
#usermenu span{width:100%;display:block;float:none}
#usermenu span a{text-align:left}
#usermenu span a img{float:left;width:32px;margin-right:20px}
#usermenu span small{margin-top:10px;width:20px}
#logoff{position:static;left:10px;margin-top:10px}
.menu-switch{margin-top:10px}
#header span.langswitch{position:absolute;right:0;}
#fullform .custombox{max-width:410px}
.responsive{max-width:400px}
.filename{width:275px}
#content h1 { font-size: 22px; }
#content p.info.tstatus span{display:block;float:none}
.totalprice{position:static}
#totalPrice-wrap{ position:static; bottom:0; right:0;border:1px solid #FC0; background-color: #FC9; padding: 5px; border-radius:5px; color: #000;text-shadow:1px 1px 0 #ddd;width:auto }
}