/*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ .relative {position:relative;} /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ body{ font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#000;background:url(../img/bg.jpg) repeat-x #4780ae;line-height:16px;} a{ color:#162635;text-decoration:none; } a:hover{text-decoration:underline; } a:active{ } a:visited{ } .left{ float:left; } .right{ float:right; } .middle{ vertical-align:middle; } .top{ vertical-align:top; } .clear{ clear:both; } img.left{ margin:0 1em 1em 0; } img.right{ margin:0 0 1em 1em; } .padding{ padding:10px; } .smallpadding{ padding:5px; } .messagePadding {margin:-5px 0px 0px 10px;} .aligncenter{text-align:center;} .alignright{text-align:right;} .red {color: red;} .orange {color: orange;} .green {color: green;} .blue {color: blue;} .darkBlue {color: #003399;} .lightBlue {color: #4780AE;} .grey {color: grey;} .white {color: white;} .yellow {color: yellow;} .lightGreenBCKG {background-color: #EEFFEE !important;} .lightRedBCKG {background-color: #FFEEEE !important;} .lightBlueBCKG {background-color: #EEEEFF !important;} .lightYellowBCKG {background-color: #FFFFEE !important;} .lightGrey {color: #AAAAAA;} .numberHighlight {color:#629fa8;} .SpringGreen {color: SpringGreen;} .margin-left-15 { margin-left: 15px; } /* ------------------------------------------------------------------------------------ ELEMENTS */ h1{color:#2d2d2d;padding:0px;margin:0px;margin-top:10px;padding:10px;} h2{color:#2d2d2d;font-family: Arial, Helvetica, sans-serif;font-size:20px;padding:10px;margin:0px;} h3{color:#2d2d2d;padding:0px;margin:0px;padding:5px;} h4{color:#2d2d2d;padding:0px;margin:0px;padding:5px;} h5{color:#2d2d2d;padding:0px;margin:0px;padding:5px;} p{padding:10px;background:#fff;} input{padding:3px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;margin:3px 3px 8px 3px;} select{padding:2px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;margin:3px;} ul{list-style:circle;margin:10px;margin-left:20px;} ol{list-style:decimal;margin:10px;margin-left:20px;} p.info{border:1px solid #6aa6d6;background:#c9e3f8;} fieldset{border:1px solid #ddd;padding:10px;background:#fff;margin:10px 0px;} legend{border:1px solid #ddd;padding:5px;background:#fff;} label{display:block;} label input{margin-left:30px;} hr { border: 1px #ddd solid; width: 80%;} button {cursor:pointer;text-transform:uppercase;font-size:10px;padding:3px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:3px;margin-top:5px;} button.green {cursor:pointer;text-transform:uppercase;font-size:10px;border:1px solid green;padding:3px;color:#fff;background:green;margin:3px;margin-top:5px;} button.blue {cursor:pointer;text-transform:uppercase;font-size:10px;border:1px solid #4780ae;padding:3px;color:#fff;background:#4780ae;margin:3px;margin-top:5px;} button.red {cursor:pointer;text-transform:uppercase;font-size:10px;border:1px solid red;padding:3px;color:#fff;background:red;margin:3px;margin-top:5px;} button.orange {cursor:pointer;text-transform:uppercase;font-size:10px;border:1px solid orange;padding:3px;color:#fff;background:orange;margin:3px;margin-top:5px;} a.button {text-transform:uppercase;font-size:10px;padding:3px 6px 3px 6px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:3px;margin-top:5px;text-decoration:none;} a.bigbutton {float:right; text-transform:uppercase;font-size:14px;padding:5px 6px 5px 6px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:0px 3px 3px 3px;text-decoration:none;} a.bigbutton2 {float:left; text-transform:uppercase;font-size:14px;padding:5px 6px 5px 6px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:0px 5px 12px 0px;text-decoration:none;} a.bigbutton3 {float:right; text-transform:uppercase;font-size:14px;padding:5px 6px 5px 6px;color:#fff;background:#FFA500;border:1px solid #FFA500;-moz-border-radius:3px;margin:0px 5px 12px 0px;text-decoration:none;} a.bigbutton4 {float:right; text-transform:uppercase;font-size:14px;padding:5px 6px 5px 6px;color:#fff;background:green;border:1px solid green;-moz-border-radius:3px;margin:0px 5px 12px 0px;text-decoration:none;} input.button {text-transform:uppercase;font-size:10px;padding:3px 6px 3px 6px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:3px;margin-top:5px;text-decoration:none;} input.bigbutton {float:right; text-transform:uppercase;font-size:14px;padding:5px 6px 5px 6px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:0px 3px 3px 3px;text-decoration:none;} /* ------------------------------------------------------------------------------------ Login */ #login{background:url(../img/security.jpg) #fff 220px 55px no-repeat;padding-left:10px;text-align:left;} #login_container{ overflow:hidden; width:450px; margin:0 auto;} #login label span{display:block;width:100px;float:left} div#login {width:260px;margin: 10px auto;border-top:2px solid #162635;} a#passwordrecoverylink{font-size:10px;text-decoration:underline;display:block;text-align:right;color:#999;} a:hover#passwordrecoverylink{color:#000;} #login input#remember{margin:10px 5px 0px 10px;} /* ------------------------------------------------------------------------------------ MENUS */ #navigation, #navigation ul { padding:0; margin:0; list-style:none; line-height:1; float:left; } #navigation a { display:block; padding:6px 10px; text-decoration:none; } #navigation a:hover{ text-decoration:underline; padding:6px 10px;} #navigation li { float:left; width:auto; } #navigation li{ padding:0; margin:0; } #navigation li ul li{ padding:1px 0px;} #navigation li ul li a{ padding:6px 10px; width:110px; } #navigation li ul { position:absolute; padding-top:1px; width:130px; left:-999em; } #navigation li ul ul { margin: -1.5em 0 0 130px; } #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; } #top_menu ul {margin:0px;padding:0px;list-style:none;font-size:12px;} #top_menu ul li{float:left;display:block;} #top_menu ul li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 10px 15px;} #top_menu ul li a:hover{background:url(../img/menutop_hover.jpg) bottom center no-repeat} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container{ overflow:hidden; width:1200px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;} #header{} #footer{clear:both;margin-bottom:180px;} #content_main{background:#f3f3f3;width:1180px;padding:10px;-moz-border-radius:3px;} #top_menu{background:url(../img/menutop1200.jpg) no-repeat top center;width:1200px;margin-top:30px;height:35px;} #profile_info{background:url(../img/loginbox.jpg) no-repeat top center;width:240px;height:59px;padding:4px;float:right;margin-top:35px;font-size:12px;color:#fff;line-height:10px;} #profile_info p{background:none;} #avatar{float:left;margin:0px 10px;} #postedit{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;} #dashboard{width:1160px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #sidebar{width:250px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;} #footer{background:#f1f1f1;width:1180px;padding:10px;-moz-border-radius:3px;margin-top:10px;} #footer p{background:none;padding:0px;margin:0px} .panel{min-height:285px;} .section,.panel,#shortcuts,#chart,.quickview{background:#fff;padding:10px 10px 10px 10px;} .infoview{width:360px;padding:0px 10px 0px 10px;line-height: 26px !important;} #postedit,#panels,#shortcuts{margin-top:10px;} .section{margin-top:10px;} .panel {width:290px;margin:5px;} .calendar {width:210px;margin-right:0px;} .photo {width:375px;margin-left:0px;margin-right:10px;} .form_sidebar{width:220px;margin-left:10px;margin-top:5px;padding:4px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #form_middle_cont{width:940px} /* ------------------------------------------------------------------------------------ ICONS */ .ico_folder{background:url(../img/icons/Folders-32.png) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_mug{background:url(../img/ico_mug.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .no_ico{background-color:#f0f0f0; margin-bottom:20px; } .icon{color: #777777;} .ico_warning{background:url(../img/warnings-23.png) no-repeat 8px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_users{background:url(../img/users-23.png) no-repeat 8px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_theme{background:url(../img/theme-23.png) no-repeat 8px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_security{background:url(../img/security-23.png) no-repeat 8px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_comments{background:url(../img/comments-23.png) no-repeat 8px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_ftp{background:url(../img/ftp-23.png) no-repeat 8px center #f1f1f1; padding-left:40px;margin-bottom:20px; } .ico_posts{background:url(../img/ico_posts.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;} .ico_page{background:url(../img/ico_page.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;} .ico_settings{background:url(../img/ico_settings.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;} .ico_user{background:url(../img/ico_user.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;} .ico_success{padding-left:20px;background:url(../img/success.jpg) no-repeat left center} .ico_cancel{padding-left:20px;background:url(../img/error.jpg) no-repeat left center} .ico_error{padding-left:20px;background:url(../img/ico_error.jpg) no-repeat left center} .ico_pending{padding-left:20px;background:url(../img/ico_hourglass.jpg) no-repeat left center} .ico_chart{padding-left:20px;background:url(../img/ico_chart_bar.jpg) no-repeat left center} /* ------------------------------------------------------------------------------------ LOGO */ div#logo h1{padding:0px;margin:0px;} div#logo h1 a{display:block;text-indent:-9999px;width:448;height:107px;background:url(../img/logo.png) no-repeat;} /* ------------------------------------------------------------------------------------ CUSTOM */ #placeholder{width:180px;height:95px;padding:10px;padding-bottom:14px;} .more{font-size:13px;} .approved{font-weight:bold;color:#25a21f} #success{margin:5px 0px 10px 0px;border:1px solid #b2dc4d;color:#40550d;font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} #fail{margin:5px 0px 10px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} #warning{margin:5px 0px 10px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} .form_sidebar ul{margin:0px;padding:0px;list-style:none;} .form_sidebar ul li ul{margin:0px 10px;padding:0px;list-style:none;} span.date{display:block;padding-left:20px; font-style:italic;font-family:10px;} .odd{background:#eee;border-top:1px solid #DDDDDD;padding:3px;} .even{border-top:1px solid #DDDDDD;padding:3px;} a#visit{display:block;color:#fff;background:#4780ae;border-left:1px solid #084577;border:1px solid #7ab7e8;padding:4px;margin:5px 15px 0px 0px;-moz-border-radius:3px;} a.add{display:block;width:80px;text-align:center;color:#fff;background:#4780ae;border:1px solid #4780ae;padding:4px;margin:10px 15px 0px 0px;-moz-border-radius:3px;text-transform:uppercase;} #profile_info p{font-size:11px;padding-top:2px;padding-bottom:4px;} #profile_info p a{font-size:11px;color:#f9d71c;} #profile_info p a:hover{font-size:11px;color:#f7d202;text-decoration:underline;} #profile_info p.last_login{font-size:10px;padding-top:5px;color:#dfdfdf} #table_options ul li a {color:#000;display:block;padding-top:5px;} .quickview ul{margin:0px;padding:0px;list-style:none;} .quickview ul li{padding:3px;font-size:12px;} .quickview ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8} .maininfo ul{margin:0px;padding:0px;list-style:none;} .maininfo ul li{padding:3px;font-size:12px;} .maininfo ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8} #shortcuts{width:640px;} #shortcuts ul {margin:0px;padding:0px;list-style:none;margin-top:20px;} #shortcuts ul li{float:left} #shortcuts ul li.first_li a{margin-left:0px;} #shortcuts ul li a{border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:70px;text-align:center;} #shortcuts ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;} #shortcuts ul li a:hover{border:1px solid #ececec;text-decoration:none;} #tabs{padding-bottom:10px;margin-top:-10px;} .image_links a{float:left;border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:275px;text-align:center;} .image_links a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;} .image_links a:hover{border:1px solid #ececec;text-decoration:none;} .web_links a{float:left;border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:275px;text-align:center;} .web_links a span{font-size:10px;display:block;background:#eee;padding:2px;} .web_links a:hover{border:1px solid #ececec;text-decoration:none;} .big_field {width:910px; height:125px; border-style: inset; border-width: thin; padding: 3px;} .photo ul{margin:0px;padding:0px;list-style:none;} .photo ul li{float:left; border:1px solid #999;-moz-border-radius:3px;padding:3px;margin:3px 1px;position:relative;} .photo ul li span{font-size:10px;margin-top:5px;display:block;padding:4px 1px;width:83px;position:absolute;bottom:0px;left:0px;} .todo ul {margin:0px;padding:0px;list-style:none;} .todo ul li{margin-left:0px;padding-left:0px;list-style:none;} .todo p{margin:0px;padding:0px;} ul#menu{margin:0px;padding:0px;list-style:none;margin-top:20px;} ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; } ul#menu a { display: block; text-decoration: none; } ul#menu li { margin-top: 1px;} ul#menu li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd} ul#menu li a:hover { } ul#menu li ul li a { background: #fff; color: #000; padding-left: 15px; border-bottom:none} ul#menu li ul li a:hover { background: #eee; border-left: 5px #4780ae solid; padding-left: 10px;} input#post_title{width:925px;margin:0px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;font-size:28px;padding:5px;} .form_sidebar span{display:block;padding:5px 5px;background:#eee;margin-bottom:10px;} #save{width:100px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;margin:10px 3px 3px 3px;} #table{border:1px solid #c3c3c3;width:100%;} #table tr{background: #FFFFFF;} #table tr:hover{background-color: #FFFF99 !important;} #table th{background:#eee;padding:5px;text-align:left;height:30px;vertical-align:middle;} #table td{padding:5px;height:30px;vertical-align:middle;} #table .table_options{padding:0px 5px 0px 5px;} #table .table_title {padding:0px 10px 0px 5px;} #table .table_title a{color:#26608e;text-decoration:underline;font-weight:bold;} #table img{margin-right:3px;} #table_options{background:#fff;border:solid #c3c3c3;border-width:0px 1px 1px 1px;padding:5px;} #table_options label{margin:0px;padding-top:2px;} #table_options ul{list-style:none;margin:0px;padding:0px;} #table_options ul li{float:left;padding:5px;margin-right:10px;} tr.expiration10{background-color: #FF7878 !important;} tr.expiration20{background-color: #FFAAAA !important;} tr.expiration31{background-color: #FFD2D2 !important;} tr.expiration60{background-color: #FFF1F1 !important;} .pagination{margin-top:20px;margin-bottom:5px;} .pagination a, .pagination span{background:url("../img/borderbottom.jpg") bottom repeat-x #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;} span.current {background-color: GreenYellow;} .file{ border:1px solid #eee; } .inline-block {display:inline-block;} .label60{display:inline-block;width:60px;} .label75{display:inline-block;width:75px;} .label80{display:inline-block;width:80px;} .label85{display:inline-block;width:85px;} .label90{display:inline-block;width:90px;} .label100{display:inline-block;width:100px;} .label150{display:inline-block;width:150px;} .label160{display:inline-block;width:160px;} .label180{display:inline-block;width:180px;} .label200{display:inline-block;width:200px;} .label250{display:inline-block;width:250px;} .label260{display:inline-block;width:260px;} .input25{width:25px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input50{width:50px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input70{width:70px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input80{width:80px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input100{width:100px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input120{width:120px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input130{width:130px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input150{width:150px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input250{width:250px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input290{width:290px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input300{width:300px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input350{width:350px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input370{width:370px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input390{width:390px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .input700{width:700px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select60{width:60px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select80{width:80px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select100{width:100px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select120{width:120px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select135{width:135px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select140{width:140px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select150{width:150px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select155{width:155px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select160{width:160px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select170{width:170px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select180{width:180px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select200{width:200px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .select300{width:300px;padding:3px;margin:2px;border:1px solid #E0E0E0;} .largeInputText { font-size:18px; padding:5px 10px 5px 10px; width:815px; margin:2px; border:1px solid #E0E0E0; } .inputFile { padding:2px; margin:2px; border:1px solid #E0E0E0; } .font-14 {font-size: 14px;} p.details{padding:0px 10px 0px 10px;margin:5px 0px 0px 0px;} p.detailsMargin{padding:0px 10px 0px 10px;margin:15px 0px 0px 0px;} p.notice{margin-top:1px;margin-bottom:1px;} .selectXXX{padding:3px 5px 3px 3px;margin:2px;border:1px solid #E0E0E0;} #statCurrencySelector {position:absolute;top:15px;right:525px;padding:3px;font-size:14px;} #orderDateSelector {position:absolute;top:15px;right:370px;padding:3px;font-size:14px;} #currencySelector {position:absolute;top:14px;right:140px;padding:3px;font-size:14px;} #dateFromSelector {position:absolute;top:15px;right:255px;padding:4px;font-size:14px;} #dateToSelector {position:absolute;top:15px;right:140px;padding:4px;font-size:14px;} #statisticsSubmit {position:absolute;top:15px;right:15px;padding:4px;font-size:14px;color:white; background-color:green;width:120px;padding:4px;margin:2px;border:1px solid #E0E0E0;} #projectFilterSubmit {float:right;margin:-3px 0px 0px 0px;padding:4px;font-size:14px;color:white; background-color:green;width:120px;border:1px solid #E0E0E0;} #projectFromSelector {float:right;margin:-3px 5px 0px 0px;padding:4px;font-size:14px;} #projectToSelector {float:right;margin:-3px 5px 0px 0px;padding:4px;font-size:14px;} #projectFilterSelector {float:right;margin:-3px 5px 0px 0px;padding:3px;font-size:14px;} #projectUserSelector {float:right;margin:-3px 5px 0px 0px;padding:3px;font-size:14px;} .rightButton {position:absolute;top:15px;right:15px;padding:4px;font-size:14px;color:white; background-color:green;padding:4px 7px 4px 7px;margin:2px;border:1px solid #E0E0E0;text-decoration:none;} .rightPanelInput { position: relative; float: right; padding:4px 6px 4px 6px; margin:-3px 3px 0px 3px; font-size:14px; } .rightPanelSelect { position: relative; float: right; padding:4px 6px 3px 6px; margin:-3px 3px 0px 3px; font-size:14px; } .rightPanelButton{ position: relative; float: right; font-size:14px; color:white; background-color:green; padding:4px 6px 4px 6px; margin:-3px 5px 0px 5px; border:1px solid #E0E0E0; vertical-align: top; } .statTable{ width:100%; border:1px solid #c3c3c3; border-collapse:collapse; margin-bottom: 20px; } .statTable th{ padding:5px; height:30px; vertical-align:middle; text-align: center; font-weight:bold; background-color: #FFFFDD; } .statTable tfoot{ font-weight:bold; background-color: #FFFFDD !important; } th.statTableCountry{ width: 200px !important; } tr.highlightCols{ background-color: #E0FFFF; } th.statTableBorder{ border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; } th.statTableBorderLeft{ border-left:1px solid #c3c3c3; } th.statTableBorderRight{ border-right:1px solid #c3c3c3; } .statTable td { padding:5px; height:20px; vertical-align:middle; text-align: center; border:1px solid #c3c3c3; } .statTable tr:nth-child(even) { background-color: #FAFAFF; } .projectss tr:nth-child(even) { background-color: #FCFCFC !important; } .tableNotes { margin: -10px 0px 8px 5px; padding: 0px; color: grey; } th.width60{ width: 60px !important; } th.width80{ width: 80px !important; } th.width100{ width: 100px !important; } th.width120{ width: 120px !important; } th.width130{ width: 130px !important; } div.part20p{width:224px;float:left;padding:0px 10px 10px 10px;} div.part25p{width:280px;float:left;padding:0px 10px 10px 10px;} div.part30p{width:336px;float:left;padding:0px 10px 10px 10px;} div.part50p{width:560px;float:left;padding:0px 10px 10px 10px;} div.part70p{width:784px;float:left;padding:0px 10px 10px 10px;} div.part75p{width:840px;float:left;padding:0px 10px 10px 10px;} div.part80p{width:896px;float:left;padding:0px 10px 10px 10px;} div.part100p{width:1140px;float:left;padding:0px 10px 10px 10px;} h2.lightBlue {color:#000000;background-color:AliceBlue;font-size:20px;padding:10px;margin:0px 0px 10px 0px;} /* TIMELINE CODE */ .timeline,.timeline *,.timeline ::before,.timeline::before{box-sizing:border-box}.timeline{position:relative;font-size:1em;width:100%;height:100%;margin:0 auto;overflow-y:hidden}.timeline .timeline-block{margin:40px 0}.timeline .timeline-icon{position:absolute;width:32px;height:32px;left:50%;margin-left:-16px;margin-top:-2px;border:4px solid #FF6961;border-radius:100%;background-color:#fff;text-align:center}.timeline .timeline-icon.timeline-icon-hide-border{border:0}.timeline .timeline-icon.timeline-icon-hide-border i.fa,.timeline .timeline-icon.timeline-icon-hide-border img{margin-left:0;margin-top:0}.timeline .timeline-icon i.fa,.timeline .timeline-icon img{display:inline-block;width:32px;height:32px;margin-left:-4px;margin-top:-4px;vertical-align:bottom;line-height:32px;text-align:center;font-size:30px}.timeline .timeline-icon img{border-radius:100%}.timeline .timeline-content{position:relative;width:45%;padding:10px;background-color:#EEE;border:1px solid #e5e5e5;line-height:20px;min-height:20px}.timeline.gray-blue::before,.timeline.gray-red::before,.timeline::before{background-color:#CFCFC4}.timeline.gray-blue.timeline-with-arrows .timeline-content::before,.timeline.gray-blue.timeline-with-arrows.timeline-alternating .timeline-content::before,.timeline.gray-red.timeline-with-arrows .timeline-content::before,.timeline.gray-red.timeline-with-arrows.timeline-alternating .timeline-content::before{border-left-color:#e5e5e5}.timeline.gray-blue.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.gray-blue.timeline-with-arrows.timeline-left .timeline-content::before,.timeline.gray-red.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.gray-red.timeline-with-arrows.timeline-left .timeline-content::before{border-right-color:#e5e5e5}.timeline .timeline-date{position:absolute;width:auto;top:0px;left:0px;font-size:110%}.timeline::before{position:absolute;width:2px;height:100%;top:0;left:50%;margin-left:-1px;content:""}@media screen and (min-width:800px){.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content{left:55%}.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date{left:auto;right:118%;margin-left:-400px}}@media screen and (max-width:800px){.timeline.timeline-collapsing::before{left:auto;margin-left:140px}.timeline.timeline-collapsing .timeline-block{margin-left:174px;margin-right:10px}.timeline.timeline-collapsing .timeline-icon{left:auto;margin-left:-49px}.timeline.timeline-collapsing .timeline-content{width:auto}.timeline.timeline-collapsing .timeline-date{width:auto;left:0;margin-left:-130px;text-align:right}.timeline.gray-red.timeline-with-arrows.timeline-collapsing .timeline-content::before{border-right-color:#e5e5e5}}.timeline.timeline-left::before{left:auto;margin-left:140px}.timeline.timeline-left .timeline-block{margin-left:174px;margin-right:10px}.timeline.timeline-left .timeline-icon{left:auto;margin-left:-49px}.timeline.timeline-left .timeline-content{width:auto}.timeline.timeline-left .timeline-date{width:auto;left:0;margin-left:-150px;text-align:right}.timeline.gray-red .timeline-icon{border-color:#C23B22}.timeline.gray-red .timeline-content,.timeline.gray-red .timeline-icon.timeline-icon-text span{border-color:#e5e5e5}.timeline.gray-blue .timeline-icon{border-color:#779ECB}.timeline.gray-blue .timeline-content,.timeline.gray-blue .timeline-icon.timeline-icon-text span{border-color:#e5e5e5}.timeline.blue-yellow-yellow.timeline-with-arrows .timeline-content::before,.timeline.blue-yellow-yellow.timeline-with-arrows.timeline-alternating .timeline-content::before{border-left-color:#AEC6CF}@media screen and (max-width:800px){.timeline.gray-blue.timeline-with-arrows.timeline-collapsing .timeline-content::before{border-right-color:#e5e5e5}.timeline.blue-yellow-yellow.timeline-with-arrows.timeline-collapsing .timeline-content::before{border-right-color:#AEC6CF}}.timeline.blue-yellow-yellow.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.blue-yellow-yellow.timeline-with-arrows.timeline-left .timeline-content::before{border-right-color:#AEC6CF}.timeline.blue-yellow-yellow::before{background-color:#AEC6CF}.timeline.blue-yellow-yellow .timeline-icon{border-color:#FFB347}.timeline.blue-yellow-yellow .timeline-content,.timeline.blue-yellow-yellow .timeline-icon.timeline-icon-text span{border-color:#AEC6CF}.timeline.blue-red-red.timeline-with-arrows .timeline-content::before,.timeline.blue-red-red.timeline-with-arrows.timeline-alternating .timeline-content::before{border-left-color:#C23B22}.timeline.blue-red-red.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.blue-red-red.timeline-with-arrows.timeline-left .timeline-content::before{border-right-color:#C23B22}.timeline.blue-red-red::before{background-color:#779ECB}.timeline.blue-red-red .timeline-content,.timeline.blue-red-red .timeline-icon,.timeline.blue-red-red .timeline-icon.timeline-icon-text span{border-color:#C23B22}.timeline.purple-flirt.timeline-with-arrows .timeline-content::before,.timeline.purple-flirt.timeline-with-arrows.timeline-alternating .timeline-content::before{border-left-color:#e5e5e5}@media screen and (max-width:800px){.timeline.blue-red-red.timeline-with-arrows.timeline-collapsing .timeline-content::before{border-right-color:#C23B22}.timeline.purple-flirt.timeline-with-arrows.timeline-collapsing .timeline-content::before{border-right-color:#e5e5e5}}.timeline.purple-flirt.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.purple-flirt.timeline-with-arrows.timeline-left .timeline-content::before{border-right-color:#e5e5e5}.timeline.purple-flirt::before{background-color:#B19CD9}.timeline.purple-flirt .timeline-icon{border-color:#A2006D}.timeline.purple-flirt .timeline-content,.timeline.purple-flirt .timeline-icon.timeline-icon-text span{border-color:#e5e5e5}.timeline.blue-blue-blue.timeline-with-arrows .timeline-content::before,.timeline.blue-blue-blue.timeline-with-arrows.timeline-alternating .timeline-content::before{border-left-color:#AEC6CF}.timeline.blue-blue-blue.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.blue-blue-blue.timeline-with-arrows.timeline-left .timeline-content::before{border-right-color:#AEC6CF}.timeline.blue-blue-blue::before{background-color:#AEC6CF}.timeline.blue-blue-blue .timeline-content,.timeline.blue-blue-blue .timeline-icon,.timeline.blue-blue-blue .timeline-icon.timeline-icon-text span{border-color:#AEC6CF}@media screen and (max-width:800px){.timeline.blue-blue-blue.timeline-with-arrows.timeline-collapsing .timeline-content::before{border-right-color:#AEC6CF}}.timeline.timeline-with-arrows .timeline-content::after,.timeline.timeline-with-arrows .timeline-content::before{left:100%;top:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.timeline.timeline-with-arrows .timeline-content::after{border-left-color:#EEE;border-width:14px;margin-left:0;margin-top:0}.timeline.timeline-with-arrows .timeline-content::before{border-left-color:#e5e5e5;border-width:15px;margin-left:1px;margin-top:-1px}.timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::after,.timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before,.timeline.timeline-with-arrows.timeline-left .timeline-content::after,.timeline.timeline-with-arrows.timeline-left .timeline-content::before{right:100%;border-left-color:transparent!important;left:0}.timeline.timeline-with-arrows.timeline-left .timeline-content::after{border-right-color:#EEE;margin-left:-28px}.timeline.timeline-with-arrows.timeline-left .timeline-content::before{border-right-color:#e5e5e5;margin-top:-1px;margin-left:-31px}.timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::after{border-right-color:#EEE;margin-left:-28px}.timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before{border-right-color:#e5e5e5;margin-top:-1px;margin-left:-31px}@media screen and (max-width:800px){.timeline.timeline-with-arrows .timeline-content::after,.timeline.timeline-with-arrows .timeline-content::before{left:0;right:100%;border-left-color:transparent!important}.timeline.timeline-with-arrows .timeline-content::after{border-right-color:#EEE;margin-left:-28px}.timeline.timeline-with-arrows .timeline-content::before{border-right-color:#e5e5e5;margin-top:-1px;margin-left:-31px}}.timeline-icon.timeline-icon-text{left:0;width:100%;margin:0;text-align:center;height:40px;line-height:40px;border-radius:0;background-color:transparent}.timeline-icon.timeline-icon-text span{display:inline-block;width:auto;background-color:#EEE;border:1px solid #e5e5e5;padding:0 10px}@media screen and (max-width:800px){.timeline-icon.timeline-icon-text{left:auto;width:auto;margin-left:0!important}}.timeline.timeline-left .timeline-icon.timeline-icon-text{left:auto;width:auto;margin-left:0!important}.timeline-block.timeline-block-icon-only .timeline-content{visibility:hidden} .taskDeleter { display:none; } .timeline-icon:hover > .taskDeleter { display:inline; cursor: pointer; } .submitBottom{ position:relative; float:right; width: 200px; border:1px solid #ADADAD; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; background-color: #FAFAFA; color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: rgb(28, 184, 65); font-family: proxima-nova, sans-serif; cursor: pointer; } .taskInfoPanel { line-height: 24px; } div.chat-bubble-left { float:left; display: inline-block; max-width: 60%; padding:5px 10px; margin-top:10px; color:black; background:#EEEEEE; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .chat-bubble-left + p { clear:both; float:left; font-style:italic; padding: 0px; margin: 3px 10px 0px 10px; } div.chat-bubble-right { float:right; display: inline-block; max-width: 60%; padding:5px 10px; margin-top:10px; color:black; background:#EEEEEE; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .chat-bubble-right + p { clear:both; float:right; font-style:italic; padding: 0px; margin: 3px 10px 0px 10px; } div.my-chat-bubble { color:#FFF; background:#4780ae; } div.tchat-bubble-left { float:left; display: inline-block; max-width: 70%; padding:5px 10px; margin-top:10px; color:black; background:#EEEEEE; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .tchat-bubble-left + p { clear:both; float:left; font-style:italic; padding: 0px; margin: 3px 10px 0px 10px; } div.tchat-bubble-right { float:right; display: inline-block; max-width: 60%; padding:5px 10px; margin-top:10px; color:black; background:#EEEEEE; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .tchat-bubble-right + p { clear:both; float:right; font-style:italic; padding: 0px; margin: 3px 10px 0px 10px; } div.my-chat-bubble { color:#FFF; background:#4780ae; } div.important-chat-bubble { color:#FFF; background:#A91101; } .logTimestamp { width:140px; color: #555555; float:left; padding-left:10px; } .logEntry { margin-left:150px; padding:0px; margin-bottom:5px; } .editField{ visibility: hidden; opacity: 0; } .fieldWrap:hover .editField { visibility: visible; opacity: 1; } .pointer{ cursor:pointer; } .hidden { visibility: hidden; } .menuNotification { border-radius: 3px; background: #73AD21; padding: 5px 10px 5px 10px; color: white; }