/**
 * Filename: css.css
 * @author Sven Philipsen
 */

/***************************************************************************/

html, body{height:100%;margin:0;padding:0;background-color:#fbfbfb;color:#444444;font-family:Tahoma,Geneva,sans-serif;font-size:13px;}
a{color:#2f3c44;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size:22px;margin:0;}
h2{font-size:18px;margin:0;}
h3{font-size:14px;margin:0;}
img{border:0;vertical-align:middle;}
hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #eee;}

.clear{clear:both;height:0;}
.right{float:right;}
.left{float:left;}
.center{text-align:center}
.req{color:red}
.message,.ui-state-error,.ui-state-highlight{font-size:11px;font-weight:700;font-style:italic;margin-bottom:10px;padding:10px;}
.message{background:#B2DBA8;border:1px solid green;}
.pink{color:#ec008c;}
.pink a{color:#ec008c;text-decoration:underline;}
.blue{color:#1869A0;}
.blue a{color:#1869A0;text-decoration:underline;}

.btn.btn-primary{color:#1869A0;color:#fff;}
.btn.btn-primary a{color:#fff;}
.btn.btn-success{background:#37b841;color:#fff;}
.btn.btn-success:hover{background:#32a63b;}
.btn.btn-info a{color:#fff;}
.btn.btn-danger a{color:#fff;}

.choose{margin:14px 0;line-height:26px;font-size:14px;font-weight:bold;cursor:pointer;}
.choose img{margin-left:10px;vertical-align:middle;z-index:1;}
.select .options{margin-top:10px;font-size:12px;font-weight:normal;}
.select .options ul{list-style:none;margin:0;padding:0;}
.select .options ul li{padding:5px;background-color:#1869A0;text-align:center;line-height:20px;color:#fff;}
.select .options ul li:hover{background:none #f663a7;cursor:pointer;color:#fff;}


header{background:none #1f7ebe;border-bottom:2px solid #1869a0;}
 header .logo{position:relative;right:80px;}
 header .user{height:120px;}
 header .btn-group{margin:40px 0;width:100%;}
  header #main_login{display:none;position:absolute;top:45px;z-index:999;padding:10px;background:none #2f3c44;border:1px solid #20292e;border-radius:3px;color:#fff;}
  header #main_login form{}
  header #main_login .input-group{width:100%;margin:5px 0;}

nav.menu{background-color:#2f3c44;border-bottom:2px solid #20292e;}
 nav.menu a{color:#fff;}
 nav.menu a:hover{color:#2f3c44;}
  
#content{}
 
section.content{padding:30px 0;}
section.content.lightgray{background-color:#fbfbfb;border-bottom: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;}
section.content.darkgray{background-color:#e3e5e6;}
section.content.lightblue{background-color:#1f7ebe;border-top:2px solid #1869a0;border-bottom:2px solid #1869a0;color:#fff;}
section .createtaskbanner{min-height:400px;background:#cccccc url('bg.jpg') top center no-repeat;box-shadow: inset 0 4px 0px rgba(0, 0, 0, 0.1), inset 0 -4px 0px rgba(0, 0, 0, 0.06);background-size:cover;}
section .createtaskbanner .overlay-box{color:#fff;margin-top:10px;padding:20px;background-color:#0f1f2e;opacity:0.8;}
section .createtaskbanner h1{color:#fff;}
section .createtaskbanner ul{list-style:none;padding:0;margin:0;}
section .createtaskbanner ul li{padding:5px 0;font-size:16px;color:#fff;}
section .createtaskbanner .createprint{margin:20px 0;color:#fff;cursor:pointer;}
section .createtaskbanner .createprint div{padding:20px 0;margin:0;background:#37b841;color:#fff;font-size:18px;line-height:22px;}
section .createtaskbanner .createprint div.arrow{background:#298030;font-size:22px;line-height:22px;}
section .createtaskbanner .createprint div:hover{background:#32a63b;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
section.content .row{overflow:hidden;}
section.content .row .content-box{padding:20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;}
section.content .row .content-box .icon i{height:64px;line-height:64px;font-size:64px;color:#999;}
section.content .row .content-box.benifit{height:210px;}
section.content .row .content-box.partner, section.content .row div.content-box.counter{height:170px;}
section.content .row .content-box.counter .count{padding:10px;background-color:#fbfbfb;border:1px solid #d6d6d6;border-radius:3px;text-align:center;}

.press .headline h3{margin:0;padding:0;color:#888;font-size:22px;font-family:Arial,sans-serif;line-height:33px;}

 #steps{height:26px;font-weight:bold;}
 #steps div{line-height:26px;}
 #steps p{display:block;float:left;margin:-2px 0 0 -2px;margin-right:10px;border-radius:13px;background:none;border:1px solid #bbb;}
 #steps p span{display:block;width:26px;height:26px;border-radius:13px;line-height:26px;background:none #f4f4f4;border:1px solid #fefefe;font-style:normal;text-align:center;}
 #steps .active{font-style:italic;}
 #steps .active p span{background:none #1f7ebe;color:#fff;}
 #steps .stepclose{display:block;float:right;margin-right:0;line-height:26px;cursor:pointer;}
 #steps .stepclose p{}
 #steps .stepclose p span{width:100px;background-color:#f2dede;}
 .header-symbol{line-height:26px;}
 .header-symbol p{display:block;float:left;margin:-2px 10px 0 -2px;border-radius:13px;background:none;border:1px solid #bbb;}
 .header-symbol p span{display:block;width:26px;height:26px;border-radius:13px;line-height:26px;background:none #f4f4f4;border:1px solid #fefefe;text-align:center;font-style:normal;}
 #updateattribute .header-symbol{margin:5px 0;}
 
 .products{}
 .products .product{margin-bottom:10px;}
 .products .done .header-symbol p span{background:none #1f7ebe;color:#fff;}
 .products .done .specify{display:none;}
 .products .productlink{font-size:14px;font-weight:bold;text-decoration:none;}
 .products .productlink .change{display:none;float:left;}
 .products .done .productlink .change{display:block;}
 .products .productlink .remove{display:block;float:left;}
 .products .done .productlink .remove{display:none;}
 
 .form_date{position:relative;border-radius:13px;padding:5px;background:none #fff;border:1px solid #fefefe;width:570px;outline:none;}
 .form_date input{position:relative;height:20px;width:540px;border:0;}

 #updateattribute{padding:10px;background:none #FBEC88;border:1px solid #FAD42E;color:#363636;}

 footer section.content.lightblue h3, footer section.content.blue h3 a{margin:10px 0;padding:0;color:#fff;font-size:14px;font-weight:bold;font-family:Arial,sans-serif;text-decoration:none;}
 footer section.content.lightblue ul{float:left;padding:0 20px 0 0;margin:0;}
 footer section.content.lightblue li{list-style:none;line-height:20px;}
 footer section.content.lightblue a{color:#fff;}
 
 footer section.content.darkgray .menu{margin:10px 0;}
 footer section.content.darkgray .menu a{margin:10px;}
 footer section.content.darkgray .flags{margin:5px 0;}
 footer section.content.darkgray .flags a{display:block;float:left;padding:3px;margin:2px;}
 footer section.content.darkgray .flags a.active{background:none #136093;border:1px solid #0a3552;border-radius:3px;}
 footer section.content.darkgray .flags a img{vertical-align:center;}
 
/**
 * Mixed elements
 */

#load_anim{position:fixed;top:0;left:0;min-width:100%;min-height:100%;background:rgb(55, 55, 55);background:rgba(55, 55, 55, .5);z-index:9999;}
 #load_anim img{position:absolute;top:50%;bottom:50%;left:50%;right:50%;height:50px;width:50px;padding:10px;background:#fff;border:2px solid #bfc3d7; border-radius:5px;}

.ui-widget-content{padding:10px;}
.ui-button{padding:10px;background:none #1f7ebe;border-radius:3px;color:#fff;font-weight:bold;text-align:center;cursor:pointer;}

.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background:url(../gfx/rate.gif) left -1000px repeat-x}
.star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;background-position:left top;margin:0;padding:0}
.star-rating li{display:inline}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none}
.star-rating a.one-star{width:20%;z-index:6}
.star-rating a.two-stars{width:40%;z-index:5}
.star-rating a.three-stars{width:60%;z-index:4}
.star-rating a.four-stars{width:80%;z-index:3}
.star-rating a.five-stars{width:100%;z-index:2}
.star-rating .current-rating{z-index:1;background-position:left center}

#ui-datepicker-div{display:none;}
.ui-datepicker-trigger{position: absolute;top:7px;right:1%;}
.ui-button{cursor:pointer;}