#jNotify { position:absolute; background:#d8e6fc url('../../images/info.png') no-repeat 15px 15px; color:#35517c; border:1px solid #a7c3f0; padding:10px; padding-left:50px; margin:15px; z-index:9999; -moz-border-radius : 5px; border-radius:5px; -webkit-border-radius:5px; padding-top:20px; padding-bottom:20px; max-width:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-shadow:0px 0px 8px 0px #000000; border:2px solid #ffffff; } #jNotify a {color:#35517c !important;text-decoration:none;} /******************/ /** jSuccess CSS **/ /******************/ #jSuccess { position:absolute; background:#E6EFC2 url('../../images/success.png') no-repeat 15px 15px; color:#264409; border:1px solid #C6D880; padding:10px; padding-left:50px; margin:15px; z-index:9999; -moz-border-radius : 5px; border-radius:5px; -webkit-border-radius:5px; padding-top:20px; padding-bottom:20px; max-width:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-shadow:0px 0px 8px 0px #000000; border:2px solid #ffffff; } #jSuccess a {color:#264409 !important;text-decoration:none;} /****************/ /** jError CSS **/ /****************/ #jError { position:absolute; background:#FBE3E4 url('../../images/error.png') no-repeat 15px 15px; color:#333333; border:1px solid #FBC2C4; padding:10px; padding-left:50px; margin:15px; z-index:9999; -moz-border-radius : 5px; border-radius:5px; -webkit-border-radius:5px; padding-top:20px; padding-bottom:20px; max-width:400px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-shadow:0px 0px 8px 0px #000000; border:2px solid #ffffff; } #jError a {color:#8a1f11 !important;text-decoration:none;} /** OVERLAY **/ #jOverlay { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9998; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-shadow:0px 0px 8px 0px #000000; border:2px solid #ffffff; } .MyRecognitionThread ul.pic img { width:64px; } img { border:none; outline:none; } @media screen and (max-width: 780px) { #jNotify, #jSuccess, #jError { min-width:50px !important; width: 80% !important; } .feedback-tab { display:none !important;} .MyRecognitionThread{ width:99.5% !important; min-height:50px !important; height:auto !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px; padding:0px; position:relative; clear:both; padding-top:6px; border:1px solid #CFD4DA !important; margin-top:5px; overflow:auto;} .MyRecognitionThread ul.pic{ width:5% !important; height:auto !important; border:none !important; float:left; margin-right:6px !important; margin:0px; padding:2px; list-style:none; border-radius:8px; text-align:center;} .MyRecognitionThread ul.pic img { width:100% !important; } .MyRecognitionThread ul.pic li div.sup { display:none;} .MyRecognitionThread ul.cont{ width:91% !important; min-height:50px !Important; height:auto !important; border:none !important; float:left; margin:0px; padding:2px; list-style:none; border-radius:0px !important;} .MyRecognitionThread ul.cont:hover {background-color: none !important;} .MyRecognitionThread ul.cont li ul.inner img.smallthumb{ width:35px !Important; height:34px !important; float:left; border:1px solid #E3E3E3; margin-right:10px; margin-left:3px; margin-top:3px; padding:2px;} .MyRecognitionThread ul.cont li ul.inner li.up{ min-height:40px !important; padding:5px; height:auto !important;} .MyRecognitionThread ul.cont li ul.inner li.dn div.lt_cont{ color:#949596; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-size:11px; width:95%; float:left;text-decoration:none; margin-top:8px; padding-left:5px; left:10px; } .MyRecognitionThread ul.cont li ul.inner li.dn{ height:auto; background-color:#F6F8FA; border-top:1px solid #E3E3E3;} .MyRecognitionComments_post{ margin-left:-10px !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; margin:0px; padding:0px; width:100% !Important;} .MyRecognitionComments_post ul li.inp{ clear:both; margin-bottom:5px; margin-top:0px; padding:0px; width:100%; padding-top:5px;} .NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9; width:85.2%; height:20px; border-radius:} .MyRecognitionCommentsComments{ width:100% !Important; margin-left:0px !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; clear:both; padding-top:5px; border-bottom:1px solid #d9d9d9; overflow:auto; background-color:#F0F0F0; margin-top:2px !important; clear:both !important } .MyRecognitionCommentsComments ul li.cont{ width:85% !Important; float:left; margin-right:10px; min-height:35px; display:table-cell; vertical-align:middle; } .AwardWallTopSection ul li.Name{ width:17% !Important; margin-right:15px; float:left; padding-top:7px; padding-left:5px;} .AwardWallTopSection ul li.Even{ width:100% !important; margin-right:5px !important; float:left; clear:both !important; margin-top:5px !important;} .AwardWallTopSection ul li.But{ width:5%; margin-right:15px; float:left; clear:both !important; padding-top:4px;} } @media screen and (max-width: 440px) { .NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9; width:82.2%; height:20px; border-radius:} .AwardWallTopSection ul li.Even{ width:100%; margin-right:5px !important; float:left; clear:both !important; margin-top:5px !important;} } @media screen and (max-width: 360px) { .NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9; width:80.2%; height:20px; border-radius:} } .IncWidth_20 { width:20% !important;} @font-face { font-family: Olde English; src: local(Olde English), url('../../fonts/old-english-text-mt-1361508478.ttf') format('truetype'); } @font-face { font-family: CAC Champagne; src: local(CAC Champagne), url('../../fonts/CAC_Champagne.ttf') format('truetype'); } @font-face { font-family: Freestyle Script; src: local(Freestyle Script), url('../../fonts/FREESCPT_2.ttf') format('truetype'); } @font-face { font-family: Calibri; src: local(Calibri), url('../../fonts/CALIBRI_1.ttf') format('truetype'); } @font-face { font-family: Monotype Corsiva; src: local(Monotype Corsiva), url('../../fonts/MTCORSVA_2.ttf') format('truetype'); } @font-face { font-family: Open Sans Light; src: local(Open Sans Light), url('../../fonts/OpenSans-Light.ttf') format('truetype'); } @font-face { font-family: GothamBook; src: local(GothamBook), url('../../fonts/GothamBook.ttf') format('truetype'); } @font-face { font-family: GothamLight; src: local(GothamLight), url('../../fonts/GothamLight.ttf') format('truetype'); } @font-face { font-family: Edwardian Script ITC; src: local(Edwardian Script ITC), url('../../fonts/ITCEDSCR.ttf') format('truetype'); } @font-face { font-family: Museo 300; src: local(Museo 300), url('../../fonts/Museo300-Regular.ttf') format('opentype'); } .AwardCont { width:700px; } .AwardResource{ min-width:64px; margin-right:30px; float:left; margin-bottom:10px; padding:5px; height:100px;} .AwardResource div.pic { min-height:64px; min-width:64px; border:1px solid #d9d9d9; } .AwardResource img { height:64px; width:64px; border:none !important;} .AwardResource div.Rad { clear:both; margin-top:0px; text-align:center; width:64px;} .AwardResource:hover { background-color:#EBEBEB;} .AwardCallOut{ width:30px; height:30px; background-image: url('../../images/CallOut.png'); background-repeat:no-repeat; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:9px !important; font-weight:normal !important; color:#ff0000; display:table-cell; text-align:center; vertical-align:middle;padding-top:5px; padding-left:3px; margin-top:-10px; margin-left:66px; z-index:999; } .PointsScrum{ width:auto; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:bold ; color:#333333; float:left; border-right:1px solid #ccc; padding-right:15px; } .PointsScrum span.PointsVal{ font-weight:normal !important; padding-left:5px; color:#666666 !important } .MainTitles_acc2 { overflow:auto; } .MainTitles { overflow:auto; } .etabs { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; } .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #c9c9c9; border-bottom: none; border-radius:10px 10px 0px 0px; margin-left:7px; background-image:url(../../images/tab_bg.jpg); background-repeat:repeat-x; color:#393939 !important; } .tab a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; display: block; padding: 0 10px; outline: none; height:24px;line-height:27px;margin-bottom:-1px; text-decoration:none;} .tab a:hover { text-decoration: none; } .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #c9c9c9; } .tab a.active { font-weight: bold; } .tab-container .panel-container { background: #fff; border-top: solid #c9c9c9 1px; padding: 5px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .panel-container { margin-bottom: 10px; } li.two_auto2 { width:110px !important; } .FloatLeft { width:16px !important; float:left !important; margin-right:15px; } .FloatLeft img { height:16px;} .FloatLeft a{opacity:1.0; color:#ffffff; text-decoration:none;} .FloatLeft a:hover{opacity:0.7} .FloatLeft div.Support a{opacity:1.0; color:#ffffff; text-decoration:none; background-image:url(../../images/SupportWhite_Icon.png); background-position:left; background-repeat:no-repeat; padding-left:18px;} .FloatLeft div.Support a:hover{opacity:0.7} /*PDF DROPDOWN*/ .dropdown { position: absolute; z-index: 9999999; display: none; } .dropdown .dropdown-menu, .dropdown .dropdown-panel { width:250px !important; list-style: none; background: #FFF; border: solid 1px #DDD; border: solid 1px rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); overflow: visible; padding: 4px 0; margin: 0; text-align:left !important; } .dropdown .dropdown-panel { padding: 10px; } .dropdown.dropdown-tip { margin-top: 8px; } .dropdown.dropdown-tip:before { position: absolute; top: -6px; left: 9px; content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); display: inline-block; } .dropdown.dropdown-tip.dropdown-anchor-right:before { left: auto; right: 9px; } .dropdown.dropdown-tip:after { position: absolute; top: -5px; left: 10px; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; display: inline-block; } .dropdown.dropdown-tip.dropdown-anchor-right:after { left: auto; right: 10px; } .dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel { max-height: 358px; overflow: auto; } .dropdown .dropdown-menu LI { list-style: none; padding: 0 0; margin: 0; line-height: 18px; clear:both !important; text-align:left !important; float:left !important; width:95% !important; } .dropdown .dropdown-menu LI > A, .dropdown .dropdown-menu LABEL { display: block; color: #555; text-decoration: none; line-height: 18px; padding: 3px 15px; white-space: nowrap; } .dropdown .dropdown-menu LI > A:hover, .dropdown .dropdown-menu LABEL:hover { background-color: #666; color: #FFF; cursor: pointer; } .dropdown .dropdown-menu .dropdown-divider { font-size: 1px; border-top: solid 1px #E5E5E5; padding: 0; margin: 5px 0; } /* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */ .dropdown.has-icons LI > A { padding-left: 30px; background-position: 8px center; background-repeat: no-repeat; } .dropdown .undo A { background-image: url(icons/arrow-curve-180-left.png); } .dropdown .redo A { background-image: url(icons/arrow-curve.png); } .dropdown .cut A { background-image: url(icons/scissors.png); } .dropdown .copy A { background-image: url(icons/document-copy.png); } .dropdown .paste A { background-image: url(icons/clipboard.png); } .dropdown .delete A { background-image: url(icons/cross-script.png); } .RightDivPoints { width:auto;float:right; margin-right:10px; font-size:12px !important; font-weight:normal !important; color:#ffffff !important; margin-top:6px; text-align:right !important;; } .ShowMoreBut{ width:100%;cursor:pointer; height:25px; display:table-cell; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#757575; border:1px solid #E5E5E5; background-color:#FCFCFC; border-radius:3px; box-shadow:0px 0px 1px 0px #cccccc; background-color:#F1F1F1;} .ShowMoreBut:hover{ width:100%;cursor:pointer; height:25px; display:table-cell; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#757575; background-color:#FCFCFC; border-radius:3px; box-shadow:0px 0px 3px 0px #cccccc;} .ScrollTop{width: 630px !important; margin:0px;} .scrollable { width: 550px !important;} .scrollable ul { margin-right: 5px !important; margin-left: 5px !important; text-align:center !important;} .scrollable ul li.one{ width:auto; clear:both; text-align:center; margin-bottom:0px !important } .scrollable ul li.two{ min-height:28px;font-size:11px; text-align:center; width:100px; overflow:hidden; border-bottom:1px solid #d9d9d9; padding-bottom:5px; padding-top:0px; margin-top:0px; font-weight:bold;} .RedTextLeft2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff0000 !important; padding-right:5px; padding-left:0px !important; float:left; width:auto; padding-top:10px; margin-left:20px; font-weight:normal !important;} .tab_container {min-height:150px !important; } .GrayTextNew {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#949596; margin-right:10px;} .CitationIcons4AwardWall { width:auto; float:right; text-align:right; margin-right:0px; margin-top:-2px;} .CitationIcons4AwardWallTwo { width:auto; float:right; text-align:right; margin-right:0px; margin-top:10px;} .IconOP { opacity:0.4;} .IconOP:hover { opacity:1.0;} #dvTip {padding: 10px !important; background-color: #FFF8DC; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;display:none; position:absolute;left:0px;top:0px; border-radius:7px; } /*#dvAwardName {padding: 5px; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:block; position:absolute;left:0px;top:0px;} #dvAwardDescription {padding: 5px; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:block; position:relative;left:0px;top:10px; }*/ #mktipmsg2 {padding: 5px; background-color: #FFF8DC; border: 1px solid #DEB887; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:none; position:absolute;left:0px;top:0px; border-radius:7px; } #mktipmsg2 ul { list-style:disc !important; } #mktipmsg2 div { color:#333333; clear:both; font-size:11px; font-weight:bold} #mktipmsg2 span { color:#6b6b6b; font-size:12px; font-weight:normal; line-height:none; height:auto; padding:0px; margin:0px; ;margin-bottom:10px;} .Cent { width:97% !important; margin-left:0px !important;} .FiftyPxs { width:50px !important; margin-right:10px;} .ClientBoard ul.HideShow li.InputSection_LeftNew{ clear: none !important;float: left;padding-bottom: 10px;width:auto; float:left;} .ClientBoard ul.HideShow li.InputSection_RightNew{ clear: none !important;float: left;padding-bottom: 10px;width:auto; float:left; margin-left:20px;} .ClientBoard ul.HideShow li.ForLoginBG {clear: both; float: left; padding-bottom: 5px; padding-top: 6px; width: 25% !important;} .ClientBoard ul.HideShow li.ForLoginBG div.FixedSize { color:#999999 !important; font-size:11px !important;} .TwelveFont { font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important;} .MyRecognitionAwardName { font-family:font-family:Arial, Helvetica, sans-serif !important; font-size:20px !important; color:#666 !important; font-weight:normal !important;} ul#ShareDropDown {float:left; list-style:none; margin:0px; padding:0px; margin-left:5px; display:block !important;} ul#ShareDropDown img{ border: none !important} ul#ShareDropDown li a {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #333333; text-decoration:none; background-color:#E9E9E9; width:30px; height:20px; text-align:center; padding-top:5px; border-radius:0px 7px 0px 0px; margin-top:-5px; margin-right:-7px;} ul#ShareDropDown li a:hover {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ff0000; text-decoration:none; background-color:#B1B1B1; width:30px; } ul.Sub_ShareDropDown { position:absolute; display:none; list-style:none; margin:0px; margin-left:-0px; margin-top:25px; text-align:left; width:30px !important; margin-left:-40px; z-index:1000; clear:both;} ul.Sub_ShareDropDown li a{ clear:both; background-color:#E9E9E9; width:30px; height:25px !important; text-align:center; padding-top:2px; border-radius:0px !important; border-top:1px solid #ffffff; box-shadow:0px 0px 1px 0px #333333;} ul.Sub_ShareDropDown li a:hover{ clear:both; background-color:#ffffff !important;} .WidgetContainer{ position: relative; width: 100%; /*marquee width */ height: 100px; /*marquee height */ overflow: hidden; } .AwardWallTopSection{ width:98.5%; margin:0px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; margin-top:5px; margin-bottom:5px; background-color:#EEEEEE; overflow:auto; border:1px solid #d9d9d9;} .AwardWallTopSection ul{ width:100%; margin:0px; padding:0px; list-style:none;} .AwardWallTopSection ul li.Name{ width:10%; margin-right:15px; float:left; padding-top:7px; padding-left:5px;} .AwardWallTopSection ul li.Even{ width:23%; margin-right:15px; float:left;} .AwardWallTopSection ul li.But{ width:5%; margin-right:15px; float:left; padding-top:4px;} #aToolTip { position: absolute; display: none; z-index: 500; } #aToolTip .aToolTipContent { position:relative; margin:0; padding:0; } /* END: Required Styles */ /** Default Theme */ .defaultTheme { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; margin:0; padding:6px 12px; width:200px; -moz-border-radius: 12px 12px 12px 0; -webkit-border-radius: 12px 12px 12px 0; -khtml-border-radius: 12px 12px 12px 0; border-radius: 12px 12px 12px 0; box-shadow: 4px -4px 10px 0px #000; /* for Safari and Chrome */ } .defaultTheme div.AwardName { font-weight:bold !important; font-size:14px !important; } .defaultTheme div.Desc { font-weight:normal !important; border-bottom:none !important; font-size:12px !important; } .defaultTheme #aToolTipCloseBtn { display:block; height:18px; width:18px; background:url(../images/closeBtn.png) no-repeat; text-indent:-9999px; outline:none; position:absolute; top:-20px; right:-30px; margin:2px; padding:4px; } .defaultTheme div { font-size:14px !important; border-bottom:1px solid #ffffff; width:100%; padding-bottom:2px; margin-bottom:5px; font-weight:bold;} .AddNewClient{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0px; margin:0px;} .AddNewClient ul{ margin:10px 20px 0px 0px; padding:0px; width:115px; height:auto; list-style:none; float:left; } .AddNewClient ul li a{ width:100px; height:70px !important; border:1px solid #d9d9d9; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#777777; text-decoration:none;} .AddNewClient ul li a:hover{ width:100px; height:80px; border:1px solid #a9a9a9; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333333; text-decoration:none;} .AddNewClient ul li div.Sup{ height:82px; width:115px; position:absolute; opacity:0.0; border:none; padding:0px; filter:alpha(opacity=0);} .AddNewClient ul li div.Sup:hover{ display:block; height:82px; width:115px; position:absolute; opacity:0.5; background-color:#000; border:none; padding:0px; z-index:999999; cursor:pointer; filter:alpha(opacity=50);} .AddNewClient ul li div.Sup div.DelClo a{ width:14px; height:14px !important; float:right;opacity:1.0 !important; margin-right:5px; margin-top:5px; padding:2px; border:none;} .AddNewClient ul li div.Sup div.DelClo a:hover{ height:14px; width:14px !important; background-color:#666;} .AddNewClient ul li div.Sup a{ width:100px; !important; border:none; padding:0px !important;} .AddNewClient ul li div.Sup a:hover{ width:115px; !important;} .AddNewClient ul li div.Sup div.LogoDiv{ clear:both; width:100px; !important; height:25px !important;} .AddNewClient ul li div.Sup div.DelClo img{ height:14px; width:14px; } .AddNewClient ul li.ANC a{ width:100px; height:80px; border:none; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#B5B5B5;} .AddNewClient ul li.ANC a:hover{ width:100px; height:80px; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#d5d5d5;} .AddNewClient ul li img {height:45px; } .AddNewClient ul li.txt{ height:85px;} .AddNewClient ul li.txt a{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; vertical-align:top; border:none; text-decoration:none;} .AddNewClient ul li.txt a:hover{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff6000;} .AwardWallTopSection{ width:98.5%; margin:0px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; margin-top:0px; margin-bottom:5px; background-color:#EEEEEE; overflow:auto; border:1px solid #d9d9d9; display:none; box-shadow:0px 1px 1px 0px #888; } .AwardWallTopSection ul{ width:100%; margin:0px; padding:0px; list-style:none;} .AwardWallTopSection ul li.Name{ width:10%; margin-right:15px; float:left; padding-top:7px; padding-left:5px;} .AwardWallTopSection ul li.Even{ width:23%; margin-right:15px; float:left;} .AwardWallTopSection ul li.But{ width:5%; margin-right:15px; float:left; padding-top:4px;} .MainTitles { overflow:hidden;} .MainTitles ul { list-style:none; margin:0px; padding:0px;} .MainTitles ul li.TitLeft { width:auto; float:left; margin-right:4px;} .MainTitles ul li.IconLeft {width:auto; float:right; margin-right:2px; border:1px solid #ffffff; border-bottom:none !important;} .MainTitles ul li.IconLeft:hover {width:auto; float:right; margin-right:2px; background-color:#EEEEEE; border-radius:8px 8px 0px 0px; border:1px solid #D9D9D9; border-bottom:none !important;} .MainTitles ul li.IconActive {width:auto; float:right; margin-right:2px; background-color:#EEEEEE; border-radius:8px 8px 0px 0px; border:1px solid #C3C3C3; border-bottom:none !important;} .MyRecognitionThread ul.cont li ul.inner img.smallthumb{ max-width:64px; float:left; border:1px solid #E3E3E3; margin-right:10px; margin-left:3px; margin-top:3px; padding:2px;} .TransStyle {height:0px; overflow:hidden; padding:0px; margin:0px;} .LeftWidetOne ul li div.rt{ width:20%; float:left; text-align:right; font-size:11px !important;color:#444444;} .WidgetImage{ margin-left:6px; width:50%; margin-top:5px; } .left_norTwo { width:20px !important; margin-right:5px; margin-top:-3px; clear:none;float:left;} .left_norThree { width:auto !important; margin-right:5px; margin-top:0px; clear:none;float:left;} .left_norFour { width:86% !important; margin-right:5px; margin-top:-3px; clear:none;float:left;} .NewBoldText {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000; margin-top:10px; border-bottom:1px #EAEAEA dashed;} .NewBoldTextUp {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333333; margin-top:-5px; border-bottom:1px #EAEAEA solid; padding:3px;} /* grid image align center*/ .webGridImageCenter{text-align:center;} .BoxBoldInside{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:15px; padding-bottom:0px; border-bottom:1px solid #D9D9D9; margin-bottom:8px;} .BillEvent span.Gry{ font-size:12px !important; color:#a1a1a1; padding-left:0px; padding-right:5px;} .BillEvent div.AutoOne{ width:auto; margin-right:10px; float:left; margin-top:5px;} .BillEvent div.AutoTwo{ width:80px; margin-right:10px; float:left} .BillEvent ul.LeftSec li.LabelTextFull{padding-bottom:10px; clear:both; width:30%; float:left; margin-top:4px; margin-right:20px;} .BillEvent ul.LeftSec li.LabelTextAUTO{ clear:both; width:10%; float:left; margin-top:8px; margin-right:20px;} .BillEvent ul.LeftSec li.TextBx{ padding-top:3px; min-width:40%; padding-right:40px; float:left; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; } .BillEvent ul.LeftSec li.TextBxTwo{ padding-top:3px; width:45%; padding-right:40px; float:left; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; } .BillEvent ul.LeftSec li.Edit{ padding-bottom:2px; width:auto; float:left; } .BillEvent ul.LeftSec li.EditLeft{ padding-bottom:2px; width:auto; float:left; margin-left:25px; margin-top:3px;} .BillEvent ul.LeftSec li.FullAuto{padding-bottom:10px; clear:none; width:95%; float:left; margin-top:-14px; margin-right:20px;} .ApproverTextBx {width: 90%; margin: 0px; padding: 5px; overflow:auto; } .ApproverTextBx ul.sb {width:100%; margin:0px; padding:0px; list-style:none;} .ApproverTextBx ul.sb li.bx { clear:both; margin-bottom:6px; width:100%; overflow:auto;} .NominateAwardManagement{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; margin-top:15px;} .NominateAwardManagement span.Gry{ font-size:12px !important; color:#a1a1a1; padding-left:0px; padding-right:5px;} .NominateAwardManagement div.AutoOne{ width:auto; margin-right:10px; float:left; margin-top:5px;} .NominateAwardManagement div.AutoTwo{ width:80px; margin-right:10px; float:left} .NominateAwardManagement ul.but { list-style:none; width:100%; margin:0px; padding:0px; clear:both;} .NominateAwardManagement ul.but li.ButtonSection{ padding-bottom:20px; clear:both; margin-left:20%;} .NominateAwardManagement ul.LeftSec{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; margin-right:30px; float:left;} .NominateAwardManagement ul.LeftSec li.LabelText1{ padding-bottom:10px; clear:both; width:20%; float:left; margin-top:4px;} .NominateAwardManagement ul.LeftSec li.LabelTextFull{padding-bottom:10px; clear:both; width:30%; float:left; margin-top:4px; margin-right:20px;} .NominateAwardManagement ul.LeftSec li.FullAuto{padding-bottom:10px; clear:none; width:95%; float:left; margin-top:-14px; margin-right:20px;} .NominateAwardManagement ul.LeftSec li.LabelTextAUTO{ clear:both; width:30%; float:left; margin-top:8px; margin-right:20px;} .NominateAwardManagement ul.LeftSec li.InputSection1{ padding-bottom:10px; width:28%; float:left; margin-right:50px; font-size:12px; color:#3B3B3B; font-family:Arial, Helvetica, sans-serif;} .NominateAwardManagement ul.LeftSec li.LabelText2{ padding-bottom:10px; width:15%; float:left; margin-top:4px;} .NominateAwardManagement ul.LeftSec li.InputSection2{ padding-bottom:10px; width:25%; float:left;} .NominateAwardManagement span{ width:auto; margin-left:10px; padding-top:15px;} .NominateAwardManagement ul.LeftSec li.TextBx{ padding-top:3px; min-width:40%; padding-right:40px; float:left; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; } .NominateAwardManagement ul.LeftSec li.TextBxTwo{ padding-top:3px; width:35%; padding-right:40px; float:left; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; } .NominateAwardManagement ul.LeftSec li.Edit{ padding-bottom:2px; width:auto; float:left; } .contentDivLimit { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} .contentDivLimit ul{ margin:0px; list-style:none; padding:0px;} .contentDivLimit ul li.BigSub{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; margin-top:10px; margin-bottom:5px;} .contentDivLimit ul li.InHead{ background:#999999; color:#fff; font-weight:normal !important; padding:5px;} .contentDivLimit ul li.InHead div.Lab{ width:auto; padding-right:10px; float:left;} .contentDivLimit ul li.InHead div.Inp{ width:auto; float:left; font-weight:bold !important;} .contentDivLimit ul li.Cont{ margin-bottom:10px; margin-left:0px; border:1px solid #D9D9D9; background-color:#F3F3F3; overflow:auto; padding:15px;} .contentPieChart { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} .contentPieChart ul{ margin:0px; list-style:none; padding:0px; width:47%; float:left; margin-right:20px; margin-top:10px;} .contentPieChart ul li.BigSub{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; margin-top:10px; margin-bottom:5px;} .contentPieChart ul li.InHead{ background:#999999; color:#fff; font-weight:normal; padding:5px; overflow:auto;} .contentPieChart ul li.InHead div.Lab{ width:auto; padding-right:10px; float:left;} .contentPieChart ul li.InHead div.Inp{ width:auto; float:left; font-weight:bold !important;} .contentPieChart ul li.Cont{ margin-bottom:0px; margin-left:0px; border:1px solid #D9D9D9; overflow:auto; padding:15px; min-height:250px;} .InsidePieChart{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; margin:0px; padding:0px;} .InsidePieChart ul.Ins{ margin:0px; padding:0px; list-style:none; width:100%;} .InsidePieChart ul.Ins li.Pie img{ border:none !important;} .InsidePieChart ul.Ins li.Pie{ width:100%; height:260px; overflow:auto; overflow-x:hidden; text-align:center; min-height:120px; vertical-align:middle; } .InsidePieChart ul.Ins li.PieTxt{ clear:both; overflow:auto;} .InsidePieChart ul.Ins li.PieTxt div.TB{ float:left; width:45%; clear:none; margin-right:10px; margin-bottom:5px;} .InsidePieChart ul.Ins li.PieTxt div.TB div.Clr{ height:13px !important; width:13px !important; float:left; margin-right:6px; clear:none; } .InsidePieChart ul.Ins li.PieTxt div.TB div.Txt{width:85%; float:left; padding-top:0px;} .InsidePieChart ul.Ins li.PieTxt div.TB div.Txt span{ font-weight:bold; padding-left:5px; color:#333;} .InsidePieChart ul.Ins li.DtTxt{ clear:both; float:right; width:auto; padding:4px 6px 4px 6px; font-size:10px; color:#666 !important; margin-bottom:-15px; margin-right:-15px; background-color:#d9d9d9;} .InsidePieChart ul.Ins li.DtTxt span{ font-weight:bold; margin-left:5px; margin-right:5px;} PieTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:0px; color:#fff; border:none; width:100%; height:20px; background:transparent; } .PieTextBox:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:7px; color:#000 !important; border:1px solid #d9d9d9; width:100%; height:20px; background:#ffffff;} #MainTablePop{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3B3B3B;} #MainTablePop td.sum{ width:24.5%; border-right:1px solid #CFD4DA; padding-right:5px; padding-top:10px;} #MainTablePop td.hd{ width:72%; padding-left:10px; padding-top:10px;}======= .ApproverTextBx {width: 90%; margin: 0px; padding: 5px; overflow:auto; } .ApproverTextBx ul.sb {width:100%; margin:0px; padding:0px; list-style:none;} .ApproverTextBx ul.sb li.bx { clear:both; margin-bottom:6px; width:100%; overflow:auto;} .BudgetConfig ul.HideShow li.LabelTextNew{ padding-bottom:10px; clear:both; width:12%; float:left; padding-top:6px;} .BodyText{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;} .BodyText ul.AwardNom{ width:32%; list-style:none !important; margin:0px; padding:0px; margin-right:10px; clear:none; float:left;} .BodyText ul.AwardNom li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#8E2C0F; text-decoration:none; padding-bottom:0px; margin-bottom:0px; clear:both !important; } .BodyTextAwardNom ul.AwardNom li{ margin-bottom:10px; clear:both; padding-top:5px; overflow:auto } .feedback-panel { padding:0px; width: 95%; position:absolute;; top:50px; left:-95%; z-index:600; border-radius:0px 25px 25px 0px; /*background:#f7f7f7 url(../../images/paper.jpg) repeat top left;*/ } .feedback-panel a.feedback-tab { /*background:transparent url('../../images/HallOfFame_IMG.png') no-repeat scroll 0 0;*/ /*background: -moz-linear-gradient(top, #9F4C33 20%, #8E2C0F 80%);background: -ms-linear-gradient(top, #9F4C33 20%, #8E2C0F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9F4C33), color-stop(80%,#8E2C0F));*/ border-width: 1px 1px 1px 0; border-radius:0px 25px 25px 0px; display:block; height:200px; left:30px; bottom:0px; position:relative; float:right; width:30px; margin-top:30px; clear:both; text-decoration:none !important; box-shadow:1px 0px 1px 0px #000000; font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff !important; } .RewardCatelogue ul{ margin:0px; padding:0px; width:190px; float:left !important; border:1px solid #A8A8A8; margin-bottom:15px; list-style:none; margin-right:20px; margin-left:20px; border-radius:8px; clear:none !important;} .searchfield_Full { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100% !important; padding: 5px 7px; background-color: #fff; color: #666666; border: 1px solid #bbbbbb; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; float:left; } #fallr-overlay2 { display: none; position: fixed; left: 0; top: 0; background: #333; height: 100%; width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } #HOFclose { margin-top:-5px; margin-left:20px; position:absolute; display:none; } .ContrastLink{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#ff6000; text-decoration:none; padding-bottom:0px; margin-bottom:0px; clear:both !important; } .ContrastLink:hover{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:underline; padding-bottom:0px; margin-bottom:0px; clear:both !important; } /*HALL of Fame*/ ul.HoF { list-style: none; padding: 0; margin: 0 auto; width: 36em; height: 26em; } ul.HoF li { height: 100px; width: 100px; background-color: #fff; text-align: center; cursor: pointer; border: 1px solid #bbb; -webkit-border-radius: 0em; -moz-border-radius: 0em; -ms-border-radius: 0em; -o-border-radius: 0em; border-radius: 0em; padding:5px; } ul.HoF li div.NameBox{ min-height:25px; margin-top:90px; width:130%; padding:5px; background-color:#333333; border:3px solid #cccccc; border-radius:5px; background: -moz-linear-gradient(top, #333333 10%, #aaaaaa 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #333333 10%, #aaaaaa 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#333333), color-stop(90%,#aaaaaa)); position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:-25px; box-shadow: 0px 0px 2px #888888 !important; font-size:12px; color:#ffffff; } ul.HoF li img{ width:100% !important;} ul.HoF li.roundabout-in-focus { cursor: default; } ul.HoF li span { display: block; padding-top: 3.5em; } ul.HoF li.monolith { background-image:url(../../images/Stand.png); background-position:center bottom; background-repeat:no-repeat; color: #333; text-align: center; width: 430px; height: 360px; position: absolute; z-index: 260; left: 0px; border:none !important; opacity: 1; background-color:transparent !important; margin-top:-90px !important; } #carbonads-container { clear: both; margin-top: 1em; } #carbonads-container .carbonad { margin: 0 auto; } .HOFinside{ width:390px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; height:105px !important; background-color:#ffffff; margin:40px 20px; padding:0px; display:none;} .HOFinside ul{ list-style:none; padding:0px; margin:0px; } .HOFinside ul li.Pic{ width:100px; float:left; margin-right:10px; border:none !important;} /*.HOFinside ul li.Pic img{ width:100px; border:1px solid #999999; margin:2px;}*/ .HOFinside ul li.Txt{ width:260px; float:left; border:none !important; text-align:left !important;} .HOFinside ul li.Txt h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} .HOFinside ul li.Txt div{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;} .ClientLoginBox ul.box li.bx select{ height:30px; padding-top:4px !important; width:100%; border-radius:6px; padding-left:10px; width:103%;} .AttributesData{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:95%; margin:0px; padding:10px; border:1px solid #d9d9d9; overflow:auto; } .AttributesData ul.Show{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;} .AttributesData ul.Show li.cross a{ width:25px; height:20px; background-color:#839BB5; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold; text-decoration:none;} .AttributesData ul.Show li.cross a:hover{ width:25px; height:20px; background-color:#FE0000; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold;} .AttributesData ul.Show li.LabelText{ padding-bottom:10px; clear:both; width:17%; float:left; padding-top:6px; padding-left:5px; font-weight:bold;} .AttributesData ul.Show li.InputSection{ padding-bottom:10px; width:81%; float:left;} .AttributesData ul.HideShow{ width:98%; list-style:none !important; margin:0px; padding:0px; display:block; overflow:auto; padding:4px; margin-bottom:5px;} .AttributesData ul.HideShow li.LabelText1{ clear:both; width:17%; float:left; padding-top:6px; padding-left:5px;} .AttributesData ul.HideShow li.InputSection1{ width:28%; float:left; margin-left:10px; } .AttributesData ul.HideShow li.InputSection2{ width:40%; float:left; } .AttributesData ul.HideShow li.LabelText2{ width:7%; float:left; padding-top:6px; margin-left:20px; clear:none!important;} .AttributesData ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;} .AttributesData ul.HideShow li img{ border:1px solid #CACACA; padding:2px;} .AttributesData ul.HideShow li.OtherSection{ padding-top:2px; width:5%; float:left; margin-left:10px; } .AttributesData ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;} .AttributesData ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;} .AttributesData ul.HideShow2{ width:99%; list-style:none !important; margin:0px; padding:0px; display:block; overflow:auto; overflow:auto; padding:4p} .AttributesData ul.HideShow2 li.ButtonSection{ margin-left:17%; clear:both; padding:4px; padding-right:0px !important; text-align:right;} .CIAtGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:5px !important; clear:both; border-collapse:collapse; } .CIAtGrid img{max-width:100% !important; margin:0px; padding:0px;} .CIAtGrid tr.one { border:1px solid #e9e9e9 !important; border-left:1px solid #d9d9d9 !important;} .CIAtGrid tr.one:hover{ background-color:#EBEFF4; cursor:pointer;} .CIAtGrid tr.one td { height:25px; -moz-height:25px; font-weight:normal; padding-left:5px; padding-bottom:5px; padding-top:0px; padding-right:5px; border-right:1px solid #ffffff; border-left:1px solid #d9d9d9 !important;} .CIAtGrid tr.MailCont { border-bottom:1px solid #e9e9e9 !important; display:none;} .CIAtGrid tr.Gap{ height:5px;} .CIAtGrid tr.MailCont:hover{ background-color:none;} .CIAtGrid tr.MailCont td { height:30px; font-weight:normal; padding-left:5px; padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #d9d9d9;} .CIAtGrid tr.two {border-bottom:1px solid #e9e9e9;} .CIAtGrid tr.two td { height:30px; font-weight:normal; padding-left:5px; padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #ffffff;} .CIAtGrid tr.two td span{ display:none;} .PendingCol{ background-color:#FFE9C9 !important; cursor:pointer;} .NominatedCol{ background-color:#E9FFCE !important; cursor:pointer;} .RejectedCol{ background-color:#FDE0E0 !important; cursor:pointer;} .AwardCallOut2 { background-image:url(../../images/CallOut.png); background-repeat: no-repeat; color: #FF0000; display: table-cell; font-family: Arial,Helvetica,sans-serif; font-size: 9px !important; font-weight: normal !important; height: 30px; margin-left: 53px; margin-top: -35px; padding-left: 3px; padding-top: 5px; position: absolute; text-align: center; vertical-align: middle; width: 30px; z-index: 99; } .CIAPop{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;} .CIAPop ul{ width:100%; list-style:none !important; margin:0px; padding:0px;} .CIAPop ul li{ margin-bottom:10px; clear:both; padding-top:5px;} .CIAPop ul li div.LeftOne{width:150px; float:left; } .CIAPop ul li div.LeftTwo{width:70%; float:left;} .CIAPop ul li ul.sub{ list-style:none; margin:0px; padding:0px; width:100%;} .CIAPop ul li ul.sub li.one{ clear:both;width:11%; float:left; margin-bottom:0px !important; padding-bottom:0px !important; } .CIAPop ul li ul.sub li.one_auto{ clear:both; ; width:auto; float:left;margin-bottom:0px !important; padding-bottom:0px !important; } .CIAPop ul li ul.sub li.one_auto9{ clear:both; ; width:140px; float:left;margin-bottom:0px !important; padding-bottom:0px !important; } .CIAPop ul li ul.sub li.one_auto99{ clear:both; ; width:140px; float:left;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px; } .CIAPop ul li ul.sub li.two{ clear:both; padding-top:0px; width:60%; float:left; margin-bottom:0px !important; padding-bottom:0px !important; } .CIAPop ul li ul.sub li.two_auto{ clear:none; width:auto; float:left;margin-left:0px; margin-bottom:0px !important; padding-bottom:0px !important; } .CIAPop ul li ul.sub li.two_auto2{ clear:none; width:12%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;} .CIAPop ul li ul.sub li.two_auto22{ clear:none; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;} .CIAPop ul li ul.sub li.two_auto222{ clear:none; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;} .CIAPop ul li ul.sub li.two_auto3{ clear:none; width:8%; float:left;margin-bottom:0px !important; padding-bottom:0px !important;} .CIAPop ul li ul.sub li.two_auto4{ clear:none; width:20%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;} .CIAPop ul li ul.sub li.two_auto5{ clear:clear; width:10%; float:left; margin-left:15px; margin-bottom:0px !important; padding-bottom:0px !important;} .CIAPop ul li ul.sub li.two_auto7{ border-bottom:1px dashed #d9d9d9; width:100%; clear:both; height:10px;} .CIAPop ul li ul.sub li.two_auto6{ clear:clear; padding-left:12%; width:80%; float:left; margin-left:15px; margin-bottom:0px !important; padding-bottom:0px !important;} .CIAPop ul li ul.sub li.but{ clear:both; padding-top:5px; width:60%; float:left; } .CIAPop ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left; } .CIAPop ul li div.icon{ width:auto; float:left; margin-left:15px; margin-top:20px; } .CIAPop ul li div.icon_lt{ width:auto; float:left; margin-left:15px; margin-top:20px; } .CIAPop ul li div.DisplayFile{ clear:both; height:20px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-top:4px; width:66.6%; padding-left:5px; margin-bottom:3px; color:#333333; font-size:11px; float:left; border-right:none!important } /*********27-06-13**************/ .CIAPop ul li div.DisplayFile span{ border:0px; width:auto; float:right; margin-right:5px !important; height:8px; margin:0px; } .CIAPop ul li div.DisplayFileCross{ border:0px; float:right; margin-left:5px !important; height:19px; margin:0px !important; width:8px; float:left;padding-top:5px !important; padding-left:5px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-right:5px; border-left:none !important } /*********01-07-13**************/ .CIAPop ul li span.two{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333 !important; padding-top:5px !important; height:10px; margin:0px !important;} .CIAPop ul li div.charleft{ font-family:Arial, Helvetica, sans-serif; font-size:11px !important; font-weight:normal; text-decoration:none; color:#999999 !important; padding-bottom:5px !important; height:10px; margin:0px !important; clear:both; } .CIAPop ul li div.icon img{ border:0px; opacity:0.4;} .CIAPop ul li div.icon img:hover{box-shadow: 0px 0px 3px #888888; border-radius:5px; opacity:1;} .CIAPop ul li div.icon_lt img{ border:0px; opacity:0.4;} .CIAPop ul li div.icon_lt img:hover{box-shadow: 0px 0px 3px #888888; border-radius:5px; opacity:1;} .CustomerInitiatedAwards{ width:100%; border:1px solid #d9d9d9; margin:0px; padding:0px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin-top:15px;} .CustomerInitiatedAwards ul { margin:0px; padding:0px; list-style:none;} .CustomerInitiatedAwards ul li.TopLI div.HeadTxt{ width:auto; height:23px; padding-left:20px; padding-right:20px; color:#333333; background-color:#ffffff; padding-top:9px; float:left; font-weight:bold;} .CustomerInitiatedAwards ul li.BotLI{ width:98%; margin:auto; overflow:hidden; min-height:200px; padding-bottom:5px;} .CustomerInitiatedAwards_Thread{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;} .CustomerInitiatedAwards_Thread ul.Strip { border:1px solid #d9d9d9; height:27px; margin-bottom:1px; margin-top:3px; clear:both; } /*.CustomerInitiatedAwards_Thread ul.Strip:hover { border:1px solid #d9d9d9; height:27px; margin-bottom:1px; margin-top:3px; background-color:#E6E6E6 !important;}*/ .CustomerInitiatedAwards_Thread ul.Strip li.CName{ width:25%; float:left; height:22px; padding-top:5px; padding-left:5px; font-weight:bold} .CustomerInitiatedAwards_Thread ul.Strip li.CMsg{ width:55%; float:left; height:22px; padding-top:5px; padding-left:5px; font-weight:normal} .CustomerInitiatedAwards_Thread ul.Strip li.CDate{ width:10%; float:right; height:22px; padding-top:5px; padding-right:5px; font-weight:normal; text-align:right; color:#999999; font-size::11px;} .CustomerInitiatedAwards_Thread ul.EBody{ border:1px solid #d9d9d9; height:auto !important; margin-bottom:1px; margin-top:-10px !important; border-top:0px !important ;display:none;} .CustomerInitiatedAwards_Thread ul.EBody li.ContBody{ width:98%; margin:auto; margin-top:10px !important; min-height:120px !important; overflow:auto;} .CustomerInitiatedAwards_Thread ul.EBody li.ContBody>div{ margin-left:10px !important; width:98% !important; padding-bottom:10px !important; overflow:auto;} .RightButs{ width:10% !important; margin-right:-10px; float:right !important; border:1px solid #000000; position:absolute; } .SelectProductCat{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;} .SelectProductCat ul{ list-style:none; padding:0px; margin:0px;} .SelectProductCat ul li.LtBox{ width:40%; margin-right:0px; float:left; clear:none;} .SelectProductCat ul li.MdBox{ width:6%; margin-right:5px; float:left; clear:none; display:table-cell; text-align:center; vertical-align:middle; margin-top:75px;} .SelectProductCat ul li.MdBox img{ width:24px; clear:both; border:none; opacity:.4} .SelectProductCat ul li.MdBox img:hover{ width:24px; clear:both; border:none; opacity:1} .SelectProductCat ul li.RtBox{ width:40%; float:left; clear:none;} .ProductTextBox{ width:98%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:5px; border:1px solid #d9d9d9; height:210px; } .ProductTextBox{ width:98%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:5px; border:1px solid #d9d9d9; height:210px; } .CreateBillEvent{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; margin-top:15px;} .CreateBillEvent ul.but { list-style:none; width:100%; margin:0px; padding:0px; clear:both;} .CreateBillEvent ul.but li.ButtonSection{ padding-bottom:20px; clear:both; margin-left:20%;} .CreateBillEvent ul.LeftSec{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; margin-right:30px; float:left;} .CreateBillEvent ul.LeftSec li.LabelText1{ padding-bottom:10px; clear:both; width:20%; float:left; margin-top:4px;} .CreateBillEvent ul.LeftSec li.InputSection1{ padding-bottom:10px; width:28%; float:left; margin-right:20px;} .CreateBillEvent ul.LeftSec li.LabelText2{ padding-bottom:10px; width:20%; float:left; margin-top:4px;} .CreateBillEvent ul.LeftSec li.InputSection2{ padding-bottom:10px; width:28%; float:left; } .CreateBillEvent ul.LeftSec li.Compl{ width:45%; border:1px dashed #d9d9d9; background-color:#EAEAEA; overflow:auto; padding:8px; clear:none; float:left; margin-bottom:10px;} .CreateBillEvent ul.LeftSec li.Compl div.Lab { width:36%; float:left; margin-right:20px; clear:both; margin-bottom:10px;} .CreateBillEvent ul.LeftSec li.Compl div.Inp { width:57%; float:left; margin-bottom:10px;} .CreateBillEvent span{ width:auto; margin-left:10px; padding-top:15px;} /*Support System*/ .TicketText{ font-family:Arial, Helvetica, sans-serif; font-size:11px !important; color:#4F7095; padding-left:5px; font-style:italic; font-weight:normal !important;} .TicketListReply{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;} .TicketListReply span { color:#666666 !important; } .TicketListReply ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; border-bottom:1px solid #d9d9d9; margin-bottom:10px; overflow:auto; padding-bottom:10px;} .TicketListReply ul.HideShow li.Repl{ clear:both !important; width:99%; overflow:auto !important; padding-top:10px !important; } .TicketListReply ul.HideShow li.LabelText_TOP { min-height:25px; padding-bottom:5px;} .TicketListReply ul.HideShow li.LabelText_TOP div.Labs {color:#666666; padding-right:5px; font-weight:normal !important; width:auto; float:left; margin-top:6px;} .TicketListReply ul.HideShow li.LabelText_TOP div.Buts {color:#666666; padding-right:5px; font-weight:normal !important; width:auto; float:left; margin-top:2px; } .TicketListReply ul.HideShow li.LabelText_TOP div.Inps {color:#666666; padding-right:5px; font-weight:normal !important; width:40% !important; float:left;} .TicketListReply ul.HideShow li.LabelText_AN{ padding-bottom:5px; clear:both; float:left; padding-top:6px; color:#666666 ; width:30% !important;} /*24-04-13*/ .TicketListReply ul.HideShow li.InputSection_AN{ padding-top:5px; width:55%; float:left; overflow:auto;}/*24-04-13*/ .TicketListReply ul.HideShow li.Attch{ padding-bottom:5px; clear:both; overflow:auto; padding-top:6px; overflow:auto; font-weight:bold; border-bottom:1px solid #d9d9d9; padding-bottom:3px;} .TicketListReply ul.HideShow li.Colon { width:40px; float:left; text-align:center; padding-top:5px;} .TicketListReply ul.HideShow li.AttchFile{ padding-top:8px; width:70%; float:left; overflow:auto;}/*24-04-13*/ .TicketListReply ul.ReplyBox li.LabelTextReply{ width:100%; font-weight:bold; margin-bottom:5px;} .TicketListReply ul.ReplyBox li.InputBoxReply{ width:99%; margin-bottom:5px; overflow:auto;} .TicketListReply ul.ReplyBox li.InputBoxReply div.LeftLable{ width:20%; float:left; margin-right:10px; margin-top:7px;} .TicketListReply ul.ReplyBox li.InputBoxReply div.LeftInp{ width:30%; float:left;} .TicketListReply ul.ReplyBox li.InputBoxReply div.LeftBut{ float:left; margin-right:10px; margin-left:13.6%;} .TicketListReply ul.ReplyBox li.InputBoxReply div.LeftBut2{ float:left; margin-right:10px; } .TicketListReply ul.HideShow li.LabelText_TOP div.DateBoxNew { width:auto; float:right; color:#000000; font-size:11px; margin-right:15px;} .TicketListReply ul.HideShow li.LabelText_TOP div.DateBoxNew span { color:#666666 !important; padding-right:5px;} .TicketListReply ul.ReplyBox li.LabelText_AN{ padding-bottom:5px; clear:both; width:10% !important; float:left; padding-top:6px; overflow:auto;} .TicketListReply ul.ReplyBox li.InputSection_AN{ padding-top:5px; width:60%; float:left; overflow:auto; overflow:auto;} .TicketListReply ul.ReplyBox li.ButBoxReply{ width:20%; clear:both; margin-bottom:5px; clear:both; margin-left:10%; margin-top:10px; overflow:auto;} .TicketListReply ul.ReplyBox li.ButBoxReply2{ width:20%; clear:both; margin-bottom:5px; clear:both; margin-top:10px; overflow:auto;} .TicketListReply ul.AssignBox{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; background-color:#DEE5EC !important; overflow:auto; clear:both; padding:8px 2px 2px 20px !important; margin-left:-20px !important; margin-top:2px !important; margin-bottom:2px !important;} .TicketListReply ul.AssignBox li.InputBoxReply{ width:99%; margin-bottom:5px; overflow:auto;} .TicketListReply ul.AssignBox li.InputBoxReply div.LeftLable{ width:12%; float:left; margin-right:10px; margin-top:7px;} .TicketListReply ul.AssignBox li.InputBoxReply div.LeftInp{ width:30%; float:left;} .TicketListReply ul.AssignBox li.InputBoxReply div.LeftBut2{ float:left; margin-right:10px; } .TicketstGrid tr.one td.Bot { background-color: #DEE5EC; height: 22px !important; padding-top: 5px; } .TicketstGrid tr.one td.Bot div.LeftLab { float: left; font-weight: bold; margin-right: 20px; margin-top: 6px; width: auto; } .TicketstGrid tr.one td.Bot div.LeftInp { float: left; width: 30%; } .RowColOff{ background-color:#ffffff !important; border:1px solid #e9e9e9 !important; border-left:1px solid #d9d9d9 !important; display: table-row; white-space:nowrap; height:30px; color: #333333 !important; padding-left:5px !important; font-weight:bold; } .RowColOff span{ color:#4F7095 !important;} .TicketstGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:5px !important; clear:both; border-collapse:collapse; display:table;} .TicketstGrid img{max-width:100% !important; margin:0px; padding:0px;} .TicketstGrid th { height:25px; font-weight:bold; border-bottom:1px solid #D9d9d9; padding-left:5px; color: #333333; background-color:#DEE5EC; padding-right:5px; border-right:1px solid #ffffff;} .TicketstGrid tr.one { border:1px solid #e9e9e9 !important; border-left:1px solid #d9d9d9 !important; display: table-row; white-space:nowrap;} .TicketstGrid tr.one:hover{ background-color:#EBEFF4;} .TicketstGrid tr.one td {height:25px; -moz-height:25px; font-weight:normal; padding-left:5px; padding-bottom:5px; padding-top:0px; padding-right:5px; border-right:1px solid #ffffff; border-left:1px solid #d9d9d9 !important; display:table-cell; font-weight:normal;} .TicketstGrid tr.MailCont { border-bottom:1px solid #e9e9e9 !important; display:none;} .TicketstGrid tr.Gap{ height:5px;} .TicketstGrid tr.MailCont:hover{ background-color:none;} .TicketstGrid tr.MailCont td { height:30px; font-weight:normal; padding-left:5px; padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #d9d9d9;} .TicketstGrid tr.two {border-bottom:1px solid #e9e9e9;} .TicketstGrid tr.two td { height:30px; font-weight:normal; padding-left:5px; padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #ffffff;} .TicketstGrid tr.two td span{ display:none;} .SummaryText ul{ list-style:none; margin:0px; padding:0px;} .SummaryText ul li.TxtBx{ clear:none; min-width:100px; float:left; text-align:left; display:table-cell; vertical-align:middle; color:#ffffff; font-size:14px; margin-top:7px;} .SummaryText ul li.TxtBx div.Bg{ width:auto; float:left; font-size:20px;} .SummaryText ul li.TxtBx div.sml{ width:auto; float:left; margin-top:6px; margin-left:5px; font-size:14px;} .RefineTickets{ width:98%; margin:auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; border-radius:4px; padding-bottom:5px; border:1px solid #d9d9d9; border-radius:5px; overflow:auto; overflow-x:hidden; margin-top:10px;} .RefineTickets ul{ width:100%; list-style:none; margin:0px; padding:0px;} .RefineTickets ul li.Head{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#4F7095; text-decoration:none; padding-bottom:5px; border-bottom:1px solid #d9d9d9; padding-left:5px; margin-bottom:10px; } .RefineTickets ul li.Head2{ clear:both; width:23%; padding:0px; margin:0px; height:22px; padding-left:75%; padding-top:5px; font-weight:bold; background-color:#F1F3F7; text-align:right; padding-right:25px; margin-right:5px;} .RefineTickets ul li.Cont{ clear:both; width:100%; margin:0px; min-height:18px; padding-bottom:3px; padding-top:3px; } .RefineTickets ul li.ContTot{ clear:both; width:100%; margin:0px; height:15px; padding-top:5px; padding-bottom:5px;} .RefineTickets ul li.LabText{ clear:both; width:98%; margin:0px; min-height:18px; padding-top:3px; margin-left:7px; font-weight:bold;} .RefineTickets ul li.InpSec{ clear:both; width:96%; margin:0px; min-height:18px; padding-bottom:15px; margin-left:5px; overflow:auto; } .RefineTickets ul li.LabText ol{ margin:0px; padding-left:20px;} .RefineTickets ul li.LabText ol li{ clear:both; width:98%; font-weight:bold; border-bottom:1px dashed #d9d9d9; padding-bottom:8px; margin-bottom:8px;} .RefineTickets ul li.LabText ol li a{ clear:both; width:98%; font-weight:bold; text-decoration:none; color:#333333;} .RefineTickets ul li.LabText ol li a:hover{ clear:both; width:98%; font-weight:bold; text-decoration:none; color:#4F7095;} .RefineTickets ul li.InpSec span{ color:#666666; font-size:11px !important; width:auto; float:left; margin-right:5px; margin-top:5px;} .RefineTickets ul li.InpSec div.DateBox{ float:left; width:74%;} .RefineTickets ul li.InpSec div.FromDate{ width:49%; margin-right:5px; float:left;} .RefineTickets ul li.InpSec div.ToDate{ width:48%; float:right; text-align:right;} .RefineTickets ul li div.lt{ width:74%; float:left;padding-left:5px;} .RefineTickets ul li div.rt{ width:20%; float:left; text-align:right;} .RefineTickets ul li div.absrt{ width:auto; float:right; text-align:right;} .RefineTickets ul li div.absmid{ width:auto; float:right; text-align:center; padding-bottom:5px; padding-right:5px;} .InfoText{ margin-top:3px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#f5f5f5; padding:10px; border:1px solid #d9d9d9;} .RaiseTick:hover{font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size:18px; color:#333333; text-decoration:none;} .RaiseTicketForm{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; margin:0px; padding:0px; background-color:#f9f9f9; padding:10px; border:1px solid #d9d9d9;} .RaiseTicketForm ul{ width:auto; margin:0px; padding:0px; list-style:none;} .RaiseTicketForm div{ font-size:11px; margin-top:4px; width:auto; float:left; color:#999999; clear:both;} .RaiseTicketForm ul li.LableTxt{ width:100%; padding-bottom:5px; clear:both; overflow:auto; margin-top:10px;} .RaiseTicketForm ul li.LableTxt2{ width:100%; padding-bottom:5px; clear:both; overflow:auto; margin-top:10px; padding-left:10px;} .RaiseTicketForm ul li.InpBx{ width:100%; clear:both; overflow:auto;} .RaiseTicketForm ul li.InpBx2{ width:100%; clear:both; overflow:auto; margin-top:10px;} .RaiseTicketForm ul li.InpBx3{ width:100%; clear:both; overflow:auto; padding-left:10px;} .RaiseTicketForm ul li.ButtonSection{ width:100%; margin-top:10px; clear:both; overflow:auto;} .AllocateBudgetSearch ul.HideShow li.InputSectionLText{ width:100%; float:left; clear:both; padding-top:8px;} .AllocateBudgetSearch ul.HideShow li.InputSectionLTextGreen{ width:100%; float:left; clear:both; padding-top:5px; margin-bottom:10px; color:#009C00;} .RotTetx { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: bt-rl; height:200px; margin-left:-50px; text-align:center; white-space:nowrap; text-decoration:none !important;jError width:300px; font-family: CAC Champagne; font-weight:bold; font-size:28px; } .searchfield_Date { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#3B3B3B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100% !important; padding: 5px 7px; background-color: #fff; color: #666666; border: 1px solid #bbbbbb; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; float:left; } .searchfield_Assign { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 98% !important; padding: 5px 2px; background-color: #fff; color: #666666; border: 1px solid #bbbbbb; } /*-------------------------------My Orders--------------------------------*/ /*****************My Orders*************************/ .OrderListBox{ border:1px solid #d9d9d9; margin:0px; padding:0px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin-top:5px; margin-bottom:10px; padding:5px; clear:both;} .OrderListContainer{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333; overflow:auto;} .OrderListContainer ul.StripList{ margin:0px; padding:0px; list-style:none;} .OrderListContainer ul.StripList li.Strip{clear:both; height:20px; padding:6px 6px 3px 6px; margin:0px; color:#333333; border:1px solid #d9d9d9; margin-top:3px; overflow:hidden; background-color:none;} .OrderListContainer ul.StripList li.Strip:hover{ background-color:#ECEEF0;} .OrderListContainer ul.StripList li.Strip div.SubjectDiv{ width:52%; float:left; margin-right:20px; font-weight:normal;} .OrderListContainer ul.StripList li.Strip div.SubjectDiv span{ color:#999999; font-size:11px;} .OrderListContainer ul.StripList li.Strip div.DateDiv{ width:18%; float:left; margin-right:20px; font-weight:normal;} .OrderListContainer ul.StripList li.Strip div.PointsDiv{ width:7%; float:right; font-weight:normal; text-align:right;} .OrderListContainer ul.StripList li.Strip div.PointsDiv span{ font-weight:bold;} .OrderListContainer ul.StripList li.Strip_SH{ display:none; clear:both; min-height:60px; padding:6px 6px 3px 6px; margin:0px; color:#333333; border:1px solid #d9d9d9; border-top:none !important; margin-top:0px; overflow:auto; background-color:#eeeeee;} .OrderStrip{ background-color:#ffffff; border:1px solid #d9d9d9; min-height:55px; padding:10px; margin-bottom:3px; overflow:hidden;} .OrderStrip ul.NewStrip{ list-style:none; padding:0px; margin:0px; overflow:hidden; margin-top:-10px; height:20px; padding-top:5px; margin-bottom:15px; margin-left:-10px; margin-right:-10px; background-color:rgba(0, 0, 0, 0.07);} .OrderStrip ul.NewStrip li.VendDetails { width:auto; padding:0px 10px; margin-right:30px; float:left; clear:none; } .OrderStrip ul.NewStrip li.VendDetails div.Venlab { width:auto; margin-right:10px; float:left; clear:none;} .OrderStrip ul.NewStrip li.VendDetails div.Ventxt { width:auto; margin-right:10px; float:left; clear:none; font-weight:bold;} .OrderStrip ul.ClientSide{ list-style:none; padding:0px; margin:0px; overflow:hidden;} .OrderStrip ul.ClientSide li.AdminCheck{ width:20px; height:20px; float:right; margin-top:-10px; margin-left:-10px; clear:both; position:absolute; border:1px solid #EEEEEE; background-color:#EEEEEE; text-align:center; } .OrderStrip ul.ClientSide li.PicHold{ width:65px; height:55px; float:left; margin-right:15px; text-align:center;} .OrderStrip ul.ClientSide li.PicHold img { max-width:100% !important; } .OrderStrip ul.ClientSide li.DetailsHold{ width:50%; height:55px; float:left; margin-right:15px;} .OrderStrip ul.ClientSide li.DetailsHoldAdmin{ width:35%; height:55px; float:left; margin-right:15px;} .OrderStrip ul.ClientSide li.PointsHold{ width:12%; height:55px; float:left; margin-right:15px; } .OrderStrip ul.ClientSide li.EmailHold{ min-width:0px; width:auto; height:55px; float:left; margin-right:15px; }/*Newly added on 13-07-2015*/ .OrderStrip ul.ClientSide li.PointsHoldAdmin{ width:27%; height:55px; float:left; margin-right:15px; text-align:center !important;} .OrderStrip ul.ClientSide li.StatusHold{ width:16%; height:55px; float:left; text-align:right;}/* modified on 13-07-2015( width:20%; earlier)*/ .OrderStrip ul.ClientSide div.S_Text{ font-size:12px; font-weight:bold; color:#666666; margin-bottom:3px;} .OrderStrip ul.ClientSide div.L_Text{ font-size:12px; font-weight:Normal; color:#333333;} .OrderStrip ul.ClientSide div.L_Text div.Labs{ color:#999999 !important; padding-right:3px; clear:both; width:auto; float:left;} .OrderStrip ul.ClientSide div.L_Text div.Det{ color:#666666 !important; padding-right:20px; width:auto; float:left;} .OrderStrip ul.ClientSide div.L_Text div.Bld{ color:#666666 !important; font-weight:bold !important;} .OrderStrip ul.ClientSide div.StatFlags{ font-size:12px; font-weight:Normal; color:#333333; margin-left:25px; margin-top:0px;}/* modified on 13-07-2015(margin-top:10px earlier)*/ .OrderStrip ul.ClientSide div.StatFlags div.FlagIcon{ width:20px; margin-right:7px; float:left;} .OrderStrip ul.ClientSide div.StatFlags div.FlagIcon img{ width:20px !important;} /*************************************************************************/ /*.OrderStripTop{ padding:5px; height:28px; border:1px solid #B4B4B4; margin-bottom:3px; border-radius:3px; background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ /*background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));}*/ .OrderStripTop{ padding:5px; min-height:28px; overflow:auto; border:1px solid #B4B4B4; margin-bottom:3px; border-radius:3px; background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));} .OrderStripTop div.ltFloat_1{ width:auto; float:left; margin-right:15px;} .OrderStripTop div.ltFloat_2{ width:auto; float:left; margin-right:5px;} .OrderStripTop div.RtFloat{ width:auto; float:left; margin-left:-5px; margin-top:5px; margin-right:20px;} .OrderStripTop input[type="text"]{ border:1px solid #C4C4C4; height:24px; padding-left:5px; color:#666666;} .OrderStripTop select{ border:1px solid #C4C4C4; height:28px; padding-right:3px; padding-top:3px; padding-left:5px; color:#666666;} .DivBg div{color:#ffffff !important;} .DivBg span{color:rgba(255, 255, 255, 0.7) !important;} /*************************************************************************/ .OrderDetailsTop{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; color:#333333; margin-bottom:5px; overflow:auto; width:100%; } .OrderDetailsTop ul.OrderDet{ width:49%; float:left; clear:none; margin:0px; padding:0px; min-height:120px; border:1px solid #d9d9d9; margin-right:7px; } .OrderDetailsTop ul.OrderDet li.ContLI{ clear:both; overflow:auto; padding:5px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .OrderDetailsTop ul.OrderDet li.ContLI span{ color:#999999; font-size:11px !important} .OrderDetailsTop ul.OrderDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;} .OrderDetailsTop ul.OrderDet li.ContLI div.LabTxt{ width:25%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px;} .OrderDetailsTop ul.OrderDet li.ContLI div.ContTxt{ width:60%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;} .OrderDetailsTop ul.AddDet{ width:48%; float:left; clear:none; margin:0px; padding:0px; min-height:120px; border:1px solid #d9d9d9;} .OrderDetailsTop ul.AddDet div.Add{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; padding:5px 10px 5px 10px} .OrderDetailsTop ul.AddDet div.Add div{ clear:both; line-height:16px;} .OrderDetailsTop ul.AddDet span{ color:#999999; font-size:11px !important; width:auto; float:left;} .OrderDetailsTop ul.AddDet div.Add div{ margin-top:5px;} /*************************************************************/ .OrderStrip_Details img{ border:none !important;} .OrderStrip_Details{ background-color:#FAFAFA; border:1px solid #d9d9d9; height:100px; padding:10px; padding-left:0px !important; padding-top:0px !important; margin-bottom:3px; overflow:hidden; width:96.9%;} .OrderStrip_Details ul.ClientSide{ list-style:none; padding:0px; margin:0px; overflow:hidden; position:relative; height:100px;} .OrderStrip_Details ul.ClientSide li.AdminCheck{ width:20px; height:20px; float:right; margin-top:0px; margin-left:0px; clear:both; position:absolute; border:1px solid #EEEEEE; background-color:#D9D9D9; text-align:center; } .OrderStrip_Details ul.ClientSide li.PicHold{ width:65px; height:55px; float:left; margin-right:20px; text-align:center; margin-top:10px; margin-left:20px;} .OrderStrip_Details ul.ClientSide li.DetailsHold{ width:27%; height:100px; float:left; margin-right:15px; margin-top:10px;} .OrderStrip_Details ul.ClientSide li.PointsHold{ width:12%; height:100px; float:left; margin-right:15px; margin-top:10px; } .OrderStrip_Details ul.ClientSide li.StatusHold{ width:55%; height:100px; float:left; text-align:right; margin-top:10px;} .OrderStrip_Details ul.ClientSide div.S_Text{ font-size:12px; font-weight:bold; color:#666666; margin-bottom:3px;} .OrderStrip_Details ul.ClientSide div.L_Text{ font-size:12px; font-weight:Normal; color:#333333;} .OrderStrip_Details ul.ClientSide div.L_Text span.Labs{ color:#999999 !important; padding-right:3px; clear:both; margin:0px !important;} .OrderStrip_Details ul.ClientSide div.L_Text span.Det{ color:#333333 !important; padding-right:20px;} .OrderStrip_Details ul.ClientSide div.L_Text span.Bld{ color:#666666 !important; font-weight:bold !important;} /********************* PROGRESS BAR *****************************/ .StatusBarSection{ width:100%; border:none; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; position:relative !important;} .StatusBarSection ul.FlagSec{ margin:0px; padding:0px; height:30px;} .StatusBarSection ul.FlagSec li.AppFlag{ width:20%; float:left; height:25px; padding-top:4px; background-image:url(../images/BlueFlag.png); background-repeat:no-repeat; background-position:15px 2px; } .StatusBarSection ul.FlagSec li.ProFlag{ width:30%; float:left; height:25px; padding-top:4px; background-image:url(../images/OrangeFlag.png); background-repeat:no-repeat; background-position:center 2px;} .StatusBarSection ul.FlagSec li.ShipFlag{ width:30%; float:left; height:25px; padding-top:4px; background-image:url(../images/GreenFlag.png); background-repeat:no-repeat; background-position:center 2px;} .StatusBarSection ul.FlagSec li.DelFlag{ width:20%; float:left; height:25px; padding-top:4px; background-image:url(../images/ChecFlag.png); background-repeat:no-repeat; background-position:50px 2px;} .StatusBarSection ul.BarSec{ width:100%; height:24px; border:1px solid #aaaaaa; border-radius:5px; background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));} .StatusBarSection ul.BarSec li.BarBack{ width:360px; margin-left:5px; position:absolute; border:1px solid #aaaaaa; background-color:#d1d1d1; height:10px; margin-top:5px;} .StatusBarSection ul.TitSec{ margin:0px; padding:0px; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; margin-top:5px;} .StatusBarSection ul.TitSec li.AppCont{ width:20%; float:left; height:20px; padding-top:4px; height:35px; text-align:left; } .StatusBarSection ul.TitSec li.ProCont{ width:30%; float:left; height:20px; padding-top:4px; height:35px; text-align:center;} .StatusBarSection ul.TitSec li.ShipCont{ width:30%; float:left; height:20px; padding-top:4px; height:35px; text-align:center;} .StatusBarSection ul.TitSec li.DelCont{ width:20%; float:left; height:20px; padding-top:4px; height:35px; text-align:right;} .meter { height: 10px; /* Can be anything */ position: relative; margin: 0px; /* Just for demo spacing */ } .meter > div.Bar { display: block; height: 100%; margin:0px !important; float:left; } .meter > div.Car { width:24px; float:left; margin-top:-2px; margin-left:-1px;} /*-------------------------------------------------------------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute !important; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; background-color:#FF3300; margin-left:-100px; margin-top:20px; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(bubble.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(bubble_filler.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(bubble.gif) no-repeat bottom; } a.ToolTipAmaz { display: inline-block;text-decoration:none;} a.ToolTipAmaz img { border:none !important; outline:none !important;} a.ToolTipAmaz:hover span{display:block;text-decoration:none; } a.ToolTipAmaz span{ display:none; color:#333333; min-height:40px; padding-top:5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:300px; text-align:left; position: absolute !important; z-index:10; margin-left:-150px !important; background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE)); border:1px solid #d9d9d9; box-shadow:0px 0px 2px 0px #999999; background-color:#E5E5E5 !important; } span.blue{ background:rgba(41,137,216, 0.75); border:1px solid #1E5799; } span.red{ background:rgba(247,49,49, 0.75); border:1px solid #F73131; } span.yellow{ background:rgba(241,218,54, 0.75); border:1px solid #f1da36; color:black; } span.green{ background:rgba(41,154,11, 0.75); border:1px solid #299a0b; } /*.ToolTipInsideCont{ width:300px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} .ToolTipInsideCont ul{ list-style:none; padding:0px; margin:0px;} .ToolTipInsideCont ul li.TopTxt{ width:100%; padding:3px; border-bottom: 1px solid #d9d9d9; } .ToolTipInsideCont ul li.BotTxt_1{ width:25%; float:left; padding:6px 3px 6px 3px; border-right:1px solid #d9d9d9; text-align:center; font-size:11px; height:25px; color:#666666;} .ToolTipInsideCont ul li.BotTxt_2{ width:40%; float:left; padding:6px 3px 6px 6px; text-align:left; font-size:11px; height:25px; color:#666666;}*/ .ToolTipInsideCont{ width:300px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; z-index:1006;} .ToolTipInsideCont ul{ list-style:none; padding:0px; margin:0px;} .ToolTipInsideCont ul li.TopTxt{ padding:3px; border-bottom: 1px solid #d9d9d9; font-weight:bold; color:#000000;} .ToolTipInsideCont ul li.TopTxt div.DateRight{ width:auto !important; float:right !important; clear:none; margin-right:8px; font-size:11px; color:#666666; font-weight:normal !important;} .ToolTipInsideCont ul li.DesTxt{ padding:5px; border-bottom: 1px solid #d9d9d9; } .ToolTipInsideCont ul li.CourName{ width:47.5%; float:left; padding:6px 3px 6px 3px; border-right:1px solid #d9d9d9; text-align:center; font-size:11px; height:40px; color:#666666; text-align:center;} .ToolTipInsideCont ul li.CourName div.Bld{ padding-bottom:5px; color: #000000;} .ToolTipInsideCont ul li.BotTxt_1{ width:25%; float:left; padding:6px 3px 6px 3px; border-right:1px solid #d9d9d9; text-align:center; font-size:11px; height:25px; color:#666666;} .ToolTipInsideCont ul li.BotTxt_2{ width:40%; float:left; padding:6px 3px 6px 6px; text-align:left; font-size:11px; height:25px; color:#666666;} .OrderHead{ width:auto; float:left !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999; padding-bottom:5px; padding-top:5px; padding-left:10px;} .RedLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff0000 !important; padding-right:5px; padding-left:0px !important; float:left; width:auto; padding-top:10px; margin-left:20px; font-weight:normal !important; text-decoration:none;} .RedLink:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333 !important; padding-right:5px; padding-left:0px !important; float:left; width:auto; padding-top:10px; margin-left:20px; font-weight:normal !important;} .TopPhotoChange { overflow:auto; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; border-bottom:1px solid #f5f5f5; margin-bottom:10px; padding-bottom:5px;} .TopPhotoChange a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff0000 !important; text-decoration:none;} .TopPhotoChange a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333 !important; text-decoration:none;} .TopPhotoChange div.Photo{ width:50px; height:50px; padding:1px; border:1px solid #d9d9d9; float:left;} .TopPhotoChange div.Photo img{ width:50px;} .TopPhotoChange div.LeftBlock{ width:auto; margin-left:10px; padding-top:20px; float:left;} .TopPhotoChange div.RightBlock{ width:auto; margin-left:10px; padding-top:20px; float:right; } .LegendStyle { border:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; padding-bottom:15px; width:70%;} .LegendStyle legend{ font-size:14px; font-weight:normal !important; color:#333333; padding:5px;} .LegendStyle div.LegLab{ width:26.5%; float:left; clear:both; font-size:12px; text-align:left; margin-top:10px;} .LegendStyle div.LegInp{ width:70%; float:left; font-size:12px; text-align:left; margin-top:10px;} .tooltip { background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ backgr ound: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE)); border:1px solid #d9d9d9; box-shadow:0px 0px 2px 0px #999999; min-height:40px; padding-top:5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:300px; text-align:left; z-index:1005; padding: 8px; position: absolute; margin-left:-150px !important; background-color:#E5E5E5 !important; } .ClientBoard ul.HideShow li.Sep{ clear:both; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #d9d9d9; color:#000000; font-weight:normal; margin-bottom:10px; font-size:14px;} .LoadingCircle {position:absolute; text-align:center; padding-top:50px; margin-left:100px;} .AdditionEmployeeEmail{ padding-bottom:5px; margin-bottom:5px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; overflow:auto;} .AdditionEmployeeEmail div.DivStrong{ padding-bottom:5px; clear:both; width:100%; font-weight:bold !important; border-bottom:1px solid #d9d9d9; margin-bottom:5px;} .AdditionEmployeeEmail div.CheckBx{ width:30px; float:left; margin-right:5px; clear:none !important;} .AdditionEmployeeEmail div.TextLine{ width:auto; float:left; clear:none !important;} /*----------------Newsletter--------*/ .PDFBor{ background-color:#ffffff; width:565px; border:1px solid #d9d9d9; padding:10px; margin:10px auto; border-radius:5px; padding-bottom:25px; height:510px; overflow:auto; overflow-x:hidden !important; margin-bottom:25px !important;} .ONL_TopHeader{ width:583px; border-bottom:1px solid #d9d9d9; padding:2px; overflow:hidden; height:62px; margin-left:-10px; margin-top:-5px; padding-bottom:5px;} .ONL_TopHeader ul{ list-style:none; margin:0px; padding:0px; } .ONL_TopHeader ul li.LogoImg{width:auto; float:left !important; clear:none !important; padding:0px; margin:0px; } .ONL_TopHeader ul li.LogoImg img{ height:63px;} .ONL_TopHeader ul li.MontageImg{ width:auto;float:left !important; clear:none !important; padding:0px; margin:0px;} .ONL_TopHeader ul li.MontageImg img{height:63px;} .ONL_BOX{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin-top:10px; padding-bottom:15px; margin-bottom:10px; height:100% !important; margin-bottom:25px; clear:both;} .ONL_BOX ul.LeftBox{ width:49%; padding:0px; margin:0px; list-style:none; float:left; height:142px; margin-bottom:30px;} .ONL_BOX ul.LeftBox li.AwardPic{ width:40px; height:40px; border:1px solid #d9d9d9; margin-bottom:0px; background-color:#ffffff; float:right; margin-top:-35px;} .ONL_BOX ul.LeftBox li.AwardPic img{ max-width:30px; margin:5px; } .ONL_BOX ul.LeftBox li.TopList{ clear:both; width:100%; height:110px} .ONL_BOX ul.LeftBox li.TopList div.PicDiv{ width:70px; height:70px; background-color:#ffffff; border:1px solid #d9d9d9; margin-top:3px;float:left; margin-right:10px;} .ONL_BOX ul.LeftBox li.TopList div.PicDiv img{ max-width:66px; margin:2px;} .ONL_BOX ul.LeftBox li.TopList div.ContDiv{ width:65%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; float:left; margin-top:3px;} .ONL_BOX ul.LeftBox li.TopList div.ContDiv div.LightTxt{font-weight:normal; color:#333333; margin-top:5px; font-style:italic; margin-bottom:7px;} .ONL_BOX ul.LeftBox li.TopList div.ContDiv div.NomDate{font-weight:normal; color:#999999; margin-top:0px; font-size:11px; clear:both;} .ONL_BOX ul.LeftBox li.BotList{ clear:both; height:25px; border:1px solid #d9d9d9; width:90%;} .ONL_BOX ul.RightBox { width:49%; padding:0px; margin:0px; list-style:none; float:right; height:142px; margin-bottom:30px; } .ONL_BOX ul.RightBox li.AwardPic{ width:40px; height:40px; border:1px solid #d9d9d9; margin-bottom:0px; background-color:#ffffff; float:right; margin-top:-35px;} .ONL_BOX ul.RightBox li.AwardPic img{ max-width:30px; margin:5px; } .ONL_BOX ul.RightBox li.TopList{ clear:both; width:100%; height:110px} .ONL_BOX ul.RightBox li.TopList div.PicDiv{ width:70px; height:70px; background-color:#ffffff; border:1px solid #d9d9d9; margin-top:3px;float:left; margin-right:10px;} .ONL_BOX ul.RightBox li.TopList div.PicDiv img{ max-width:66px; margin:2px;} .ONL_BOX ul.RightBox li.TopList div.ContDiv{ width:65%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; float:left; margin-top:3px;} .ONL_BOX ul.RightBox li.TopList div.ContDiv div.LightTxt{font-weight:normal; color:#333333; margin-top:5px; font-style:italic; margin-bottom:7px;} .ONL_BOX ul.RightBox li.TopList div.ContDiv div.NomDate{font-weight:normal; color:#999999; margin-top:0px; font-size:11px; clear:both;} .ONL_BOX ul.RightBox li.BotList{ clear:both; height:25px; border:1px solid #d9d9d9; width:90%;} .ONL_BOX ul.Paging{ padding:0px; margin:0px; list-style:none; margin-top:20px; !important; height:auto !important; clear:both; position:absolute; margin-top:718px; margin-left:515px; background-color:#d9d9d9; text-align:center; border-radius:5px 0px 5px 0px;} .ONL_BOX ul.Paging li.Page{ width:auto; text-align:center; width:60px; height:30px; display:table-cell; vertical-align:middle; } .MyRecognitionThread div.bld span.NoBold{ font-weight:normal !important; text-transform:uppercase; font-size:13px; } .AllLeft th { text-align:left !important;} .CentTD td { vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; align: center !important;} .ZocialClass {width:480px; clear:both; margin-left:510px; margin-top:30px; overflow:auto;font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; font-weight:normal; clear:both; padding-top:10px; background: -moz-linear-gradient(top, #9F4C33 20%, #551A09 80%);background: -ms-linear-gradient(top, #9F4C33 20%, #551A09 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9F4C33), color-stop(80%,#551A09)); padding:5px; border-radius:10px 0px 0px 10px; box-shadow:-1px 0px 1px 0px #000000; } .ZocialClass div.Hds { width:98%; border-bottom:1px solid #d9d9d9; margin-bottom:10px; font-size:16px; padding-bottom:5px; color:#ffffff !important;} .ZocialClass div.Ics { width:auto; margin-right:5px; margin-bottom:5px; float:left; clear:none; border:none !important; font-weight:normal !important;} .ZocialClass_NL div.Hds { width:auto; border-bottom:1px solid #d9d9d9; margin-bottom:10px; font-size:16px; padding-bottom:5px; color:#ffffff !important; font-weight:bold;} .ZocialClass_NL div.Ics { width:auto; margin-right:10px; margin-bottom:5px; float:left; clear:none; border:none !important; font-weight:normal !important;} .ButTxt { padding:5px 10px 4px 10px; text-decoration:none !important;} .scrollable ul { cursor:pointer !important; } .RightAln {width:auto; float:right !important; clear:none; margin-left:430px; cursor:pointer;} .ClientBoard ul.HideShow li.LabelText3{ clear:both; width:100% !important; float:left; margin-bottom:8px; margin-bottom:5px;} .CommuniGroup{ width:90%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; border:1px solid #d9d9d9; overflow:auto; padding:5px; } .CommuniGroup div.divOne{ width:48%; float:left; clear:none; margin-bottom:5px;} .CommuniGroup div.divOne input[type="checkbox"]{ margin-right:10px;} .CommuniGroup{ width:90%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; border:1px solid #d9d9d9; overflow:auto; padding:5px; } .CommuniGroup div.divOne{ width:48%; float:left; clear:none; margin-bottom:5px;} .CommuniGroup div.divOne input[type="checkbox"]{ margin-right:10px;} a.ToolTipAApp { display:block;text-decoration:none;} a.ToolTipAApp img { border:none !important; outline:none !important;} a.ToolTipAApp:hover span{display:block;text-decoration:none; } a.ToolTipAApp span{ font-family:font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; display:none; font-weight:normal; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-width:180px; text-align:center; position:absolute !important; z-index:10; padding:5px; margin-left:-180px !important; background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE)); border:1px solid #d9d9d9; box-shadow:0px 0px 2px 0px #999999; background-color:#E5E5E5 !important; max-height:100px; overflow:auto; overflow-x:hidden; } a.ToolTipAApp span b { font-weight:bold !important; } a.ToolTipAApp span li { width:100%; clear:both;text-align:left !important; float:left !important; margin-left:10px; padding-bottom:6px; list-style:square url(../../images/Sqr.png)} a.ToolTipAApp span div { width:110%; padding:4px; padding-left:15px; text-align:left !important; font-weight:bold; color:#ffffff !important; margin-bottom:10px; margin-left:-10px; margin-top:-5px; } .ExtComm_ClientBoard{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; width:95%; margin:0px; padding:7px; border:1px solid #d9d9d9; overflow:auto;} .ExtComm_ClientBoard ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;} .ExtComm_ClientBoard ul.HideShow li.LabelText_AN{ padding-bottom:5px; clear:both; width:25% !important; float:left; padding-top:6px; color:#000000; padding-left:5px; margin-bottom:2px; margin-right:2px; } /*24-04-13*/ .ExtComm_ClientBoard ul.HideShow li.InputSection_AN{ padding-top:5px; width:70%; float:left; overflow:auto; margin-bottom:2px; padding-left:10px; }/*24-04-13*/ .RewardCatelogue ul li.pic div.ICOSET{ width:auto; float:right; margin-top:-10px !important; clear:both; height:14px !important; padding:0px !important; margin-bottom:0px !important; margin-right:5px;} .RewardCatelogue ul li.pic div.ICOSET div.ICO{ width:auto; float:left; clear:none; margin-top:10px !important; height:14px!important; padding:0px !important; margin-bottom:0px !important; padding-bottom:0px !important; margin-right:3px;} .RewardCatelogue ul li.pic div.ICOSET div.ICO img { border:0px; vertical-align:middle; margin-top:0px !important; margin-bottom:0px !important; opacity:0.4 !important;} .RewardCatelogue ul li.pic div.ICOSET div.ICO img:hover{ opacity:1.0 !important} .PopLine{ line-height:16px; width:98%; } #FooterMain ul li.lt{ width:40% !important; float:left; margin-left:10px; padding-top:10px; color:#3b3b3b;} #FooterMain ul li.rt{ width:400px !important; float:right; text-align:right;} #FooterMain ul li.rt div.Log { width:auto; float:right; margin-left:30px;} #FooterMain ul li.rt div.Log2 { width:auto; float:right; margin-left:10px; margin-top:10px;} .ClientFootNew{ width:1000px; height:40px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#44678A; border-top:1px solid #CFD4DA; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; box-shadow:-0px 0px 5px #999; margin:auto; margin-top:10px;} /*.ClientFootNew{ height:30px; background-color:#ffffff; width:1000px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#44678A; text-align:center; text-decoration:none; padding-top:10px; box-shadow:-0px 0px 5px #999; margin:auto; margin-top:10px;}*/ .ClientFootNew ul{ width:100%; list-style:none; margin:0px; padding:0px; color:#3b3b3b; padding:0px; } .ClientFootNew ul li.lt{ width:40% !important; float:left; margin-left:10px; padding-top:10px; color:#3b3b3b;} .ClientFootNew ul li.md{ width:40%; float:left; margin-left:5px; padding-top:10px;} .ClientFootNew ul li.rt{ width:400px !important; float:right; text-align:right;} .ClientFootNew ul li.rt div.Log { width:auto; float:right; margin-left:30px;} .ClientFootNew ul li.rt div.Log2 { width:auto; float:right; margin-left:10px; margin-top:10px;} .RightDivOT { font-size: 12px !important; color: #333333 !important; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; width:auto; float:right; } /*******************ProductCatalogue-V2**********************/ /*.ProductCatV2{ width:95%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; padding:0px; margin:0px; margin-right:-5px !Important;clear:both;} .ProductCatV2 ul.Shad{ border:1px solid #CFD4DA; border:1px solid #CFD4DA; border-right:none !important; list-style:none ; margin:0px ; clear:both; padding:0px; overflow:auto; } .ProductCatV2 ul.Shad li.Tits{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#4F7095; text-decoration:none; margin-bottom:10px !IMPORTANT; margin:0px; clear:both; overflow:auto; padding-left:10px;} .ProductCatV2 ul.Shad li.Strip{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#333333; border-top:1px solid #E0E0E0; margin:0px !important; clear:both; overflow:auto; padding-left:15px; padding-top:6px; padding-bottom:6px; } .ProductCatV2 ul.Shad li.Strip{ width:100% !important} .ProductCatV2 ul.Shad li.Strip a{ width:100% !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#333333; border-top:1px solid #E0E0E0; padding-top:6px; padding-bottom:6px; clear:both; overflow:auto; padding-left:15px; border-left:10px solid #ffffff; text-decoration:none; } .ProductCatV2 ul.Shad li.Strip a:hover{ clear:both; overflow:auto; padding-left:15px; border-left:10px solid #4F7095; text-decoration:none; }*/ .ProductCatV2 { width:95%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333;padding: 0px;margin: 0px;margin-right:-5px !important;} .ProductCatV2 ul.Box {list-style: none;margin: 0px;padding: 0px;border:1px solid #CFD4DA; border-right:none !important; list-style:none ; margin:0px ;} .ProductCatV2 ul.Box li.Strip {margin: 0px;padding: 0px;} .ProductCatV2 ul.Box li.Strip a {display: block;border-top: 1px solid #E0E0E0;text-decoration: none;color: #333333;padding-top:6px; padding-bottom:6px;padding-left:10px; border-left:10px solid #ffffff;} .ProductCatV2 ul.Shad{ height:11px; background-image:url(../../images/ProductCat_V2_shad.jpg); background-repeat:no-repeat; background-position:left top; padding:0px; margin:0px;} .ProCatV2_StripTitle div{ width:auto; float:left; padding-left:10px; padding-right:20px; padding-top:2px; padding-bottom:2px; background-color:#F2F2F2;} .ProCatV2_StripShad{ height:11px; background-image:url(../../images/ProductCat_V2_shad.jpg); background-repeat:no-repeat; background-position:left top; padding:0px; margin:0px; clear:both; margin-bottom:5px;} @font-face { font-family: Franklin Gothic Demi Cond; src: local(Franklin Gothic Demi Cond), url('../../fonts/FRADMCN.ttf') format('truetype'); } .ProductV2_Skeleton{ font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-size:12px; color:#333333; text-decoration:none; font-weight:normal;} .ProductV2_Skeleton ul{ width:200px; float:left; clear:none; margin:0px; padding:0px; margin-right:25px; list-style:none; margin-top:10px; margin-bottom:20px; padding:10px; cursor:pointer;} .ProductV2_Skeleton ul:nth-of-type(3n+0) { margin-right:0px;} .ProductV2_Skeleton ul:hover{box-shadow: 0px 0px 10px #888888;} .ProductV2_Skeleton ul li.ProdImg{ height:75; width:100%; clear:both; text-align:center; vertical-align:middle;} .ProductV2_Skeleton ul li.ProdImg img{ max-height:75px;} .ProductV2_Skeleton ul li.LinkTit{ font-weight:bold !Important; margin-top:10px; margin-bottom:5px; clear:both; text-align:left; height:30px;} .ProductV2_Skeleton ul li.LinkTit a{color:#333333; text-decoration:none;} .ProductV2_Skeleton ul li.PointsStrip{ height:35px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;} .ProductV2_Skeleton ul li.PointsStrip div.PointsTxt{ width:auto; float:left; padding-top:5px; } .ProductV2_Skeleton ul li.PointsStrip div.PointsTxt div.Pnts{ font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:20px; color:#333333; width:auto; float:left;} .ProductV2_Skeleton ul li.PointsStrip div.TickBox{ width:auto; float:right; margin-top:5px;} .ProductV2_Skeleton ul li.DescStrip{ font-size:12px; font-weight:none; color:#666666; height:45px; padding-top:5px;} .RightZero{ margin-right:0px !important;} .PointsDisplay{ width:100%; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px; padding:0px; border-bottom:1px solid #d9d9d9; padding-bottom:5px; overflow:auto; margin-bottom:10px; margin-top:5px;} .PointsDisplay ul{ list-style:none; margin:0px; padding:0px; width:auto; } .PointsDisplay ul li.PointsLab{ width:auto; clear:none; float:left; margin-right:5px; margin-top:8px;} .PointsDisplay ul li.PointsNum{ width:auto; clear:none; float:left; margin-right:15px; padding:3px 10px; font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:20px; color:#000000; background: -moz-linear-gradient(top, #E4E4E4 20%, #F7F7F7 80%);background: -ms-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ECECEC), color-stop(80%,#FBFAFB)); box-shadow: inset 0px 0px 3px 0px #999; } .custom-checkbox{ width: 25px; height: 25px; display: inline-block; position: relative; z-index: 1; top: 3px; background: url("../../images/checkbox.png") no-repeat; margin-top:0px; cursor:pointer; } .custom-checkbox.Disabled{ width: 25px; height: 25px; display: inline-block; position: relative; z-index: 1; top: 3px; background: url("../../images/checkbox-Dis.png") no-repeat; margin-top:0px; cursor:default; } /*.custom-checkbox:hover{ background: url("../../images/checkbox-hover.png") no-repeat; }*/ .custom-checkbox input[type="checkbox"]{ margin: 0; position: absolute; z-index: 2; cursor:default; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .ProCatV2_PlainTitle{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4F7095; overflow:auto; clear:both; margin-bottom:-25px;} .ViewAll_FP{ width:auto; float:right; clear:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; font-weight:normal; margin-right:35px;} .ViewAll_FP input[type="button"]{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; font-weight:normal; padding:3px 6px; border-radius:10px 10px 0px 0px; border:none; box-shadow: 0px 0px 5px 0px #666666; cursor:pointer; background: -moz-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%);background: -ms-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ECECEC), color-stop(80%,#FBFAFB));} /**************************PRODUCT DETAILS PAGE*********************/ .ProductDetailsPageV2{ clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:normal; margin:0px; padding:0px; width:100%; margin-bottom:20px; overflow:auto;} .ProductDetailsPageV2 ul.BigImage{ width:320px; margin:0px; padding:0px; clear:none; float:left; margin-right:20px; list-style:none;} .ProductDetailsPageV2 ul.BigImage li{ width:320px; clear:both; padding:0px;} .ProductDetailsPageV2 ul.BigImage li div.BG{ clear:both; margin-bottom:5px;} .ProductDetailsPageV2 ul.BigImage li div.BG img{ max-width:315px;} .ProductDetailsPageV2 ul.Details{ width:370px; float:left; clear:none; overflow:auto; list-style:none; padding:0px; margin:0px;} .ProductDetailsPageV2 ul.Details li.Heading{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000; overflow:auto; margin:5px 0px; margin-top:0px !Important;} .ProductDetailsPageV2 ul.Details li.Heading div.By{ font-size:14px; color:#333333;} .ProductDetailsPageV2 ul.Details li.Heading div.By span{ font-size:12px; color:#A2A2A2;} .ProductDetailsPageV2 ul.Details li.PointsSec{ clear:both; margin:5px 0px; overflow:auto;} .ProductDetailsPageV2 ul.Details li.PointsSec div.PointsDiv{ font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:40px; color:#4F7095; width:40%; margin-right:20px !important; width:auto; float:left; clear:none; margin-top:10px;} .ProductDetailsPageV2 ul.Details li.PointsSec div.PointsDiv span.Pts{ font-size:30px; color:#333333 !important; } .ProductDetailsPageV2 ul.Details li.PointsSec div.PointsBOX{ width:200px; float:right; margin:10px 0px; clear:none; text-align:right;} .ProductDetailsPageV2 ul.Details li.DescriptionSec{ margin:15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#666666;} .ProductDetailsPageV2 ul.Details li.DescriptionSec div.Tit{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#4F7095; border-bottom:1px solid #d9d9d9; padding-bottom:0px; margin-bottom:10px;} .ProductDetailsPageV2 ul.Details li.DescriptionSec div.Txt{ clear:both; overflow:auto; margin-top:5px;} .ProductDetailsPageV2 ul.Details li.DescriptionSec div.Txt a{ color:#4F7095; text-decoration:none;} .ProductDetailsPageV2 ul.Details li.DescriptionSec div.Txt a:hover{ color:#333333; text-decoration:underline;} .DetailsPointsBox{ border:2px solid #d9d9d9; padding:5px; border-radius:5px; background: -moz-linear-gradient(top, #E4E4E4 20%, #F7F7F7 80%);background: -ms-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ECECEC), color-stop(80%,#FBFAFB)); box-shadow:0px 0px 5px 0px #ccc; width:180px !Important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; float:right;} .DetailsPointsBox ul.BlueBox{ list-style:none; margin:0px; padding:0px; overflow:auto; } .DetailsPointsBox ul.BlueBox li.Qty{ width:auto; float:left; clear:none;margin-right:5px; margin-top:9px;} .DetailsPointsBox ul.BlueBox li.InpBox{ width:45px; float:left; clear:none; margin-right:10px; margin-top:4px;} .DetailsPointsBox ul.BlueBox li.ButBox{ width:auto; float:right; clear:none; margin:0px;} .CartDetails{ width:auto; float:right; clear:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0px; padding:0px;} .CartDetails ul.Cart{ list-style:none; margin:0px; padding:0px;} .CartDetails ul.Cart li.CartIcon{ widows:27px; margin-right:10px; float:left; clear:none;} .CartDetails ul.Cart li.PointDiv{ width:auto; float:right; text-align:right; border-left:1px solid #d9d9d9; padding-left:10px;} .CartDetails ul.Cart li.PointDiv span{ color:#000000; font-weight:700;} .AwardCallOut3 { background-image:url(../../images/CallOut.png); background-repeat: no-repeat; color: #FF0000; display: table-cell; font-family: Arial,Helvetica,sans-serif; font-size: 11px !important; font-weight: 700 !important; height: 30px; margin-left: 20px; margin-top: -45px; padding-left: 3px; padding-top: 5px; position: absolute; text-align: center; vertical-align: middle; width: 30px; z-index: 550; } #notificationContainer { background: rgba(255, 255, 255, 0.95); box-shadow:0px 0px 10px 0px #666; overflow: visible; position: absolute !important; ; margin-left: -170px; width: 300px; z-index: 100; display: none; } #notificationTitle div{ font-size:12px; color:#ffffff; width:auto; float:right; clear:none; font-weight:normal !important;} #notificationsBody { padding: 5px 0px 0px 0px !important; min-height:100px; overflow:auto; max-height:300px } #notificationFooter { background-color: #e9eaed; text-align: center; font-weight: bold; padding: 8px; font-size: 12px; border-top: 1px solid #dddddd; } #notificationFooter a img { margin:0px 0px -3px 5px; opacity:1.0; border:none;} #notificationFooter a:hover img { margin:0px 0px -3px 5px; opacity:0.8;} #notificationFooter a{ color:#ffffff; text-decoration:none;} #notificationFooter a:hover{ color:#333333; text-decoration:underline;} #notification_count { padding: 3px 7px 3px 7px; background: #cc0000; color: #ffffff; font-weight: bold; margin-left: 77px; border-radius: 9px; position: absolute; margin-top: -11px; font-size: 11px; } .CartNotifications{ width:100%; margin:0px; padding:0px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} .CartNotifications ul.HorStrip{ height:65px; margin:0px; padding:5px; overflow:none; list-style:none; border-bottom:1px solid #d9d9d9;} .CartNotifications ul.HorStrip li.PicBox{ width:54px; float:left; clear:none; margin-right:10px;} .CartNotifications ul.HorStrip li.PicBox img{ width:50px; border:1px solid #A0A0A0; padding:3px;} .CartNotifications ul.HorStrip li.DetBox{ width:75%; float:left; clear:none; } .CartNotifications ul.HorStrip li.DetBox div.Tit{ font-weight:600; clear:both; margin-bottom:5px; text-align:left; color:#000000;} .CartNotifications ul.HorStrip li.DetBox div.Points span{ font-size:12px; color:#333333; padding-left:5px;} .CartNotifications ul.HorStrip li.DetBox div.IconEdit{ width:auto; float:right; clear:both; margin-top:-25px; margin-left:5px;} .CartNotifications ul.HorStrip li.DetBox div.IconDel{ width:auto; float:right; clear:none; margin-top:-25px;} .OrderDetailsSearchTop{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:15px 0px !important; padding:0px; color:#333333; overflow:auto; width:100%; clear:both;} .OrderDetailsSearchTop ul.OrderDet{ width:49%; float:left; clear:none; margin:0px; padding:0px; min-height:150px; border:1px solid #d9d9d9; margin-right:7px; list-style:none;} .OrderDetailsSearchTop ul.OrderDet:nth-of-type(2n+0) { margin-right:0px;} .OrderDetailsSearchTop ul.OrderDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#4F7095; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px;} .OrderDetailsSearchTop ul.OrderDet li.ContLI{ clear:both; overflow:auto; padding:5px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .OrderDetailsSearchTop ul.OrderDet li.ContLI span{ color:#999999; font-size:11px !important} .OrderDetailsSearchTop ul.OrderDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;} .OrderDetailsSearchTop ul.OrderDet li.ContLI div.LabTxt{ width:25%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;} .OrderDetailsSearchTop ul.OrderDet li.ContLI div.ContTxt{ width:60%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;} .OrderDetailsSearchTop ul.RecDet{ width:48%; float:left; clear:none; margin:0px; padding:0px; min-height:150px; border:1px solid #d9d9d9; margin-right:7px; list-style:none;} .OrderDetailsSearchTop ul.RecDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#4F7095; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px;} .OrderDetailsSearchTop ul.RecDet li.ContLI{ clear:both; overflow:auto; padding:5px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .OrderDetailsSearchTop ul.RecDet li.ContLI span{ color:#999999; font-size:11px !important} .OrderDetailsSearchTop ul.RecDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;} .OrderDetailsSearchTop ul.RecDet li.ContLI div.LabTxt{ width:18%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;} .OrderDetailsSearchTop ul.RecDet li.ContLI div.ContTxt{ width:69%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;} .ProductDetailsSearchBox{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:15px 0px !important; padding:0px; color:#333333; margin-bottom:5px; overflow:auto; width:100%; clear:both;} .ProductDetailsSearchBox ul.ProDet{ width:49%; float:left; clear:none; margin:0px; padding:0px; min-height:100px; border:1px solid #d9d9d9; margin-right:7px; list-style:none; margin-bottom:10px;} .ProductDetailsSearchBox ul.ProDet:nth-of-type(2n+0) { margin-right:0px;} .ProductDetailsSearchBox ul.ProDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#4F7095; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px; margin-bottom:5px;} .ProductDetailsSearchBox ul.ProDet li.ContLI{ clear:both; overflow:auto; padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .ProductDetailsSearchBox ul.ProDet li.ContLI span{ color:#999999; font-size:11px !important} .ProductDetailsSearchBox ul.ProDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;} .ProductDetailsSearchBox ul.ProDet li.ContLI div.FullTxt{ clear:both; margin-right:20px; color:#333333 !important; float:left; margin-top:5px; border-top:1px solid #d9d9d9; padding-top:5px; width:100%;} .ProductDetailsSearchBox ul.ProDet li.ContLI div.LabTxt{ width:30%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;} .ProductDetailsSearchBox ul.ProDet li.ContLI div.ContTxt{ width:40%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;} .ProductDetailsSearchBox ul.ProDet li.ContLI div.LabTxt2{ width:30%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;} .ProductDetailsSearchBox ul.ProDet li.ContLI div.ContTxt2{ width::40%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;} .WhiteTxt { color:#ffffff !important; } .MaxWidth130 { max-width:130px !important;} .MainTitles span.Tit{ width:auto; float:left;} .MainTitles div.scrum{ font-size:12px !important; width:auto; float:left; color:#333333; margin-top:8px; margin-left:5px; } .MainTitles div.shopping{ width:35%; float:right; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-align:right; margin-right:26px;} .MainTitles div.shopping ul{ list-style:none; margin:0px; padding:0px;} .MainTitles div.shopping ul li{ float:right;} .MainTitles div.shopping ul li.pic{ width:auto; float:right; margin-right:8px;} .MainTitles div.shopping ul li.line{ border-right:1px solid #d9d9d9; padding-right:5px; margin-right:5px; width:auto; float:right;} .tabDiv{ height:auto !important; width:100% !important; overflow:auto; } #slide-panelTop{ background-color:#000; display:none;height:650px; width:100%; text-align:center; margin:auto; border-bottom:2px solid #d0d0d0;} .slide {width:950px; margin:auto;} .btn-slide:link, .btn-slide:visited{ float:right; display:block; font-size:22px; font-weight:bold; padding:0px 20px ; padding-top:0px; text-align:center; text-decoration:none; min-width:100px; height:27px; margin-top:-5px; font-family:CAC Champagne; border-radius:0px 0px 7px 7px; box-shadow:0px 2px 5px 0px #000000; z-index:999; background: -moz-linear-gradient(top, #d0d0d0 20%, #ffffff 80%); background: -ms-linear-gradient(top, #d0d0d0 20%, #ffffff 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#d0d0d0), color-stop(80%,#ffffff)); } .btn-slide:after { content: "Read this -"; display: block; position: absolute; width: 0; height: 0; color: transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #ffffff; margin-top: 3px !important; margin-left: 35px; } #TopStrip ul li.HOFTxt{ width:auto; margin:auto; float:right; position:absolute; margin-left:300px; z-index:999;} .DAshB_Box{ background:#ffffff !important; width:100%; height:auto; overflow:auto; margin:0px; padding:0px; overflow:auto; font-family: Open Sans Light, Arial,Helvetica,sans-serif; font-size: 14px; color:#ffffff; margin-bottom:10px; clear:both; box-shadow:0px 0px 5px 0px #999999;} .DAshB_Box ul:nth-of-type(5n){ margin-right:0px !Important;} .DAshB_Box ul li.BigTxt{ font-size:25px; width:100%; margin-bottom:5px;} .DAshB_Box ul li.SmallTxt{ font-size:14px; width:70%; margin-bottom:5px; line-height:14px;} .DAshB_Box ul li.IconImg{ position:absolute; margin-left:80px; margin-bottom:-5px; height:60px; vertical-align:bottom;} .DAshB_Box ul li.IconImg img { border:none !important;} .DAshB_GraphBox{ width:100%; font-family: Open Sans Light, Arial,Helvetica,sans-serif; font-size: 12px; color:#000000; padding:0px; margin:0px; border:1px solid #dddddd;/* overflow:auto;*/ clear:both; min-height:220px;} .DAshB_GraphBox ul{ width:100%; padding:0px; margin:0px; list-style:none;} .DAshB_GraphBox ul li.Header{ background-color:#efefef; font-size:16px; clear:both; padding:5px 5px; font-weight:normal;} .DAshB_GraphBox ul li.GraphSec{ padding:10px;text-align:center; width:90%; } .GraphScroll{ padding:10px 30px; width:90%; margin:auto; margin-top:20px; overflow:hidden; } .GraphScroll ul.ScrollUI{ list-style:none; padding:10px !important; margin:0px; width:auto; background-color:#f2f2f2; overflow:auto;} .GraphScroll ul.ScrollUI li.GraphCont{ width:190px; margin-right:17px; float:left; clear:none; background-color:#ffffff;} .DAshB_GraphBox ul li.GraphSec div ul{ list-style:none; margin:0px; padding:0px;} .DAshB_GraphBox ul li.GraphSec div ul li.Controls{ padding:5px; margin-bottom:10px; border-bottom:1px solid #d9d9d9; text-align:left; overflow:auto; margin-right:10px;} .DAshB_GraphBox ul li.GraphSec div ul li.Controls div.UnderLine { width:32%; float:left; margin-right:10px; clear:none;} .DAshB_GraphBox ul li.GraphSec div ul li.Controls div.UnderLine:nth-of-type(3n+0) { margin-right:0px; } .DAshB_GraphBox ul li.GraphSec div ul li.Controls div.UnderLine div.lab{ float:left; clear:none; margin-bottom:5px;} .DAshB_GraphBox ul li.GraphSec div ul li.Controls div.UnderLine div.inp { clear:both; } .DAshB_GraphBox ul li.GraphSec div ul li.Graph{ clear:both; padding:5px; } /*-- .DAshB_Box ul.PhotoBox{ width:120px; height:48px; padding:8px; background: -moz-linear-gradient(top, #f5f5f5 20%, #e3e3e3 80%); background: -ms-linear-gradient(top, #f5f5f5 20%, #e3e3e3 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f5f5f5), color-stop(80%,#e3e3e3)); border-radius:5px; border:none; box-shadow:0px 0px 2px 0px #999999; cursor:default; float:left; clear:none; margin-right:0px; color:#ffffff; font-weight:normal; list-style:none; padding-top:20px !important;}*/ .DAshB_Box ul.PhotoBox{ width:140px; height:58px; padding:8px 2px; background:none; border:none; box-shadow:none; border-radius:0px; cursor:default; float:left; clear:none; margin-right:0px; color:#333333; font-weight:normal; list-style:none; padding-top:10px !important;} .DAshB_Box ul.PhotoBox li.Photo{ width:42px; height:42px; padding:1px; background-color:#ffffff; float:left; clear:both; border:1px solid #d1d1d1; } .DAshB_Box ul.PhotoBox li.Photo img{ width:42px; height:42px;} .DAshB_Box ul.PhotoBox li.Name{ width:75px; float:left; clear:none; color: #333333; margin-left:5px; font-size:12px; font-weight:none;} .DAshB_Box ul.PhotoBox li.LinkTxt{ font-weight:normal; text-align:left; width:100%; clear:both;} .DAshB_Box ul.PhotoBox li.LinkTxt a{ color:#4F7095; text-decoration:none; font-weight:normal; font-size:11px; padding-top:5px;} .DAshB_Box ul.PhotoBox li.LinkTxt a:hover{ color:#ff0000;} /*--Show error logs on 3rd Feb */ .ShowErrorLog{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; overflow-x:hidden;} .ShowErrorLog ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;} .ShowErrorLog ul li.LabelTxt{ width:15%; margin-right:25px; float:left; clear:none; margin-top:5px;} .ShowErrorLog ul li.InpBox{ width:35%; clear:none; float:left; } .ShowErrorLog ul li.calIcon{ width:auto; float:left; clear:none; margin-right:15px; margin-top:5px;} .ShowErrorLog ul li.SubBut{ width:auto; clear:none; float:left; } #divReportView { clear:both; overflow:auto; } .InstaInfo { width:20px;float:right; clear:none; height:30px; position:absolute; margin-left:170px; margin-top:0px; } /**************MyProfile****************/ .RowCol{ background-color:#f3f3f3;} .ProfileSub { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; margin:0px; padding:0px; overflow:auto; margin-top:20px; clear:both; overflow-x:hidden;} .ProfileSub ul.LeftSec{ list-style:none !important; margin:0px; padding:0px; display:block; border:1px solid #d9d9d9; margin-bottom:15px;} .ProfileSub ul.LeftSec li.Content{ padding:5px; overflow:auto;} .ProfileSub ul.LeftSec li.Content div.Row{ padding:8px 5px; overflow:auto;} .ProfileSub ul.LeftSec li.Content div.Row:nth-of-type(2n) { background-color:rgba(200, 200, 200, 0.5)} .ProfileSub ul.LeftSec li.Content div.Row div.LabelText{ width:35%; float:left; clear:none;} .ProfileSub ul.LeftSec li.Content div.Row div.InputText{ width:64%; float:left; clear:none; font-weight:bold;} .ProfileSub ul.LeftSec li.Shad{ background-image:url(../../images/ProductCat_V2_shad.jpg); background-repeat:no-repeat; position:absolute; margin-top:1px; width:240px; height:11px; background-position:left; margin-bottom:20px;} .ProfileSub ul.RightSec{ list-style:none !important; margin:0px; padding:0px; display:block; margin-right:0px; border:1px solid #d9d9d9; margin-bottom:15px;} .ProfileSub ul.RightSec li.Content{ padding:5px; overflow:auto;} .ProfileSub ul.RightSec li.Content div.Row{ padding:8px 5px; overflow:auto; overflow-x:hidden;} .ProfileSub ul.RightSec li.Content div.Row:nth-of-type(2n) { background-color:rgba(200, 200, 200, 0.5)} .ProfileSub ul.RightSec li.Content div.Row div.LabelText{ width:35%; float:left; clear:none;} .ProfileSub ul.RightSec li.Content div.Row div.InputText{ width:64%; float:left; clear:none; font-weight:bold;} .ProfileSub ul.RightSec li.Content div.Row div.ChkBx{ width:10%; float:left; clear:none;} .ProfileSub ul.RightSec li.Content div.Row div.ChkText{ width:85%; float:left; clear:none;} .ProfileSub ul.RightSec li.Content div.Row div.ChkText span{ font-size:11px; color:#999999;} .ProfileSub ul.RightSec li.Shad{ background-image:url(../../images/ProductCat_V2_shad.jpg); background-repeat:no-repeat; position:absolute; margin-top:1px; width:240px; height:11px; background-position:left; margin-bottom:20px;} .ProfileSub a{ color:#4f7095; text-decoration:none;} .ProfileSub a:hover{ color:#ff6000; text-decoration:underline;} span.roll { background: url(../../images/mag.png) center center no-repeat #000; height: 81px; position: absolute; width: 81px; z-index: 10; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; margin-left:0px; } .MyRecognitionTop ul { clear:none; } /*.ClientBoard ul.HideShow li.OtherSection1 { margin-left:20% !Important }*/ .scrollable img { max-width:64px;} /***************Range Slider Classes***************************/ #w { display: block; margin: 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content { font-size: 12px; ; } #defaultval, #rangedval { display: block; margin-bottom: 10px; } #rangedval span { font-weight: bold; color: #4f7095; } /*********CUSTOM REPORT********/ .CustomReportTop { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; text-decoration: none; margin: 0px; padding: 10px; background-color:rgba(197,197,197,0.2); overflow:auto; } .CustomReportTop ul.HideShow { list-style: none !important; margin: 0px; padding: 0px; display: block; } .CustomReportTop ul.HideShow li.LabelTxt { margin-bottom:0px;} .CustomReportTop ul.HideShow li.InpBox { margin-top:5px;} .CustomReportBottom { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; text-decoration: none; margin: 0px; padding: 10px; border:1px solid #d9d9d9; overflow:auto; margin-top:10px; } .CustomReportBottom ul.HideShow { list-style: none !important; margin: 0px; padding: 0px; display: block; overflow:auto; margin-bottom:10px; } .ClientBoard ul.HideShow li.LabelText_AN2{ padding-bottom:5px; clear:both; width:55% !important; float:left; padding-top:6px;} .ClientBoard ul.HideShow li.InputSection_AN2{ padding-top:0px !Important; width:40%; float:left; overflow:auto;} .ClientBoard ul.HideShow li.ButtonSection_AN2{ padding-top:10px; margin-left:55%; clear:both; } .hoverDiv{ background-color:none; outline:none !important; overflow:auto !Important; padding:5px !Important; margin-bottom:5px !Important; width:99% !important;} .hoverDiv:hover, .hoverDiv:focus { background-color:rgba(0, 0, 0, 0.05) !Important; outline:1px solid rgba(0, 0, 0, 0.15) !important; } .CustomReportBottom ul.HideShow li.LabelTxt { margin-bottom:0px;} .CustomReportBottom ul.HideShow li.InpBox { margin-top:5px; clear:both; overflow:auto;} .CustomReportBottom ul.HideShow li.InpBox div.LabelText{ width:20%; float:left; clear:none; margin-right:20px;} .CustomReportBottom ul.HideShow li.InpBox div.CheckGroup{ width:15%; float:left; clear:none; margin-right:15px;} .CustomReportBottom ul.HideShow li.LeftFloat{ width:32%; float:left; clear:none; margin-right:10px; overflow:auto;} .CustomReportBottom ul.HideShow li.LeftFloat:nth-of-type(3n){ margin-right:0px;} .CustomReportBottom ul.HideShow li.LeftFloat div.Lab{ max-width:38%; float:left; clear:none; margin-right:10px; margin-top:5px;} .CustomReportBottom ul.HideShow li.LeftFloat div.inp{ width:55%; float:left; clear:none; margin-right:0px;} .CustomReportBottom ul.HideShow li.LeftFloat div.inp2{ width:45%; float:left; clear:none; margin-right:5px; } .CustomReportBottom ul.HideShow li.LeftFloat div.inp3{ width:20px; float:left; clear:none; margin-right:0px;} .CustomReportBottom ul.HideShow li.InpBoxNew { clear:both; overflow:auto;} .CustomReportBottom ul.HideShow li.InpBoxNew div.LabelText{ width:15%; float:left; clear:none; margin-right:20px;} .CustomReportBottom ul.HideShow li.InpBoxNew div.CheckGroup{ width:14%; float:left; clear:none; margin-right:10px;} .ClientLoginBox ul.box { background-color:none !important; width:100% !important;} #HeaderTopNew ul li.Logo img{ max-width:252px !important;} /************ Nomination Criteria Section**************/ .CheckCriteria{font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #333333; padding:0px; margin:0px; border:1px solid #d9d9d9; padding:10px; overflow:auto; max-height:100px;} .CheckCriteria ul{ list-style:none; margin:0px; padding:0px;} .CheckCriteria ul li{ width:48%; float:left; clear:none; margin-right:20px;} .CheckCriteria ul li:nth-of-type(2n){ margin-right:0px;} .MultipleCriteria {font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #333333; padding:0px; margin:0px; margin-left:15px; overflow:auto; padding-bottom:10px; border:1px solid #d9d9d9; padding:10px; } .MultipleCriteria ul { list-style:none; margin:0px; padding:0px; } .MultipleCriteria ul li { margin-bottom:10px; clear:both; overflow:auto; } .MultipleCriteria ul li div {width:auto; float:left; clear:none; margin-right:10px; } table.MyRecognitionTopTable tr { clear:both; margin:0px; padding:0px; } table.MyRecognitionTopTable tr td.pic {background-color:#FFFFFF; width:83px !important; border:1px solid #E6E6E6; vertical-align:middle !important; text-align:center; padding:5px; overflow:auto;} table.MyRecognitionTopTable tr td.pic img {width:83px; margin-bottom:0px; padding-bottom:0px;} table.MyRecognitionTopTable tr td.txt { padding-left:20px; vertical-align:middle; text-align:left;} .MyRecognitionTopTable span{ font-size:30px;} .hint { display: none; position: absolute; right: 350px; width: 400px; height:150px; margin-top: -180px !important; border: 1px solid #c93; padding: 10px 12px; /* to fix IE6, I can't just declare a background-color, I must do a bg image, too! So I'm duplicating the pointer.gif image, and positioning it so that it doesn't show up within the box */ background: #ffc url(pointer.gif) no-repeat -10px 5px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); border-radius:15px; } .hint div.CrossBut { width:16px; height:16px; position:absolute !important; margin-left:390px; margin-top:-5px; text-align:center; font-weight:bold; cursor:pointer; } .hint div.StrongText{ font-weight:bold; font-size:14px; color:#333333; margin-bottom:10px; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-bottom:5px;} .hint div.NormText { width:100%; height:115px; overflow:auto; font-size:12px;} /* The pointer image is hadded by using another span */ .hint .hint-pointer { position: absolute; left: 20px; top: 170px; width: 19px; height: 10px; background: url(../../images/pointer.png) left top no-repeat; } .ToolAbove { font: normal 12px/15px Arial; position:static; overflow:auto; } .DAshB_Box ul { width: 115px !important; } .PopupInside ul.HideShow li.LabelText{ padding-bottom:4px; clear:both; width:98%; float:left;} .PopupInside ul.HideShow li.LabelText div.LeftDivNew{ padding-bottom:4px; clear:none; width:30%; float:left; margin-right:10px;} .PopupInside ul.HideShow li.LabelText div.LeftDivNew:nth-of-type(3n) { margin-right:0px;} .LeftDate { float:left; clear:none; width:95%; margin-right:10px;} .LeftDate img { border:none !important; } .LeftDate div.LeftBox { width:auto; float:left; clear:none; margin-right:15px; margin-top:5px; } .LeftDate div.RightBox { width:25%; float:left; clear:none; margin-right:15px; } .contentDiv { overflow-x:hidden !important; } #navbar li a { padding: 0 14px 0 15px !important; } #checkboxes {overflow:auto !important;} .Subscription_Left{ width:49.2%; margin-right:0px; float:left; clear:none; } .Subscription_Right { width: 49.2%; margin-right: 0px; float: right; clear: none; } /*-------------------Added on 12-04-2016 for My Profile Page------------------------------*/ .MyProfileTopForm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; width: 70%; float: left; clear: none; position: relative; clear:both; } .MyProfileTopForm ul.TopSec { margin: 0px; padding: 0px; list-style: none; overflow: auto; position: relative; clear:both; overflow-x:hidden; } .MyProfileTopForm ul.TopSec li.PicSec { width: 100px; background-color: #dfdfdf; float: left; clear: both; padding: 5px; border-radius:10px; } .MyProfileTopForm ul.TopSec li.PicSec img { max-width: 100px; display: block; border-radius:10px; } .MyProfileTopForm ul.TopSec li.NameSec { width: 78%; clear: none; position: absolute; margin-left: 105px; bottom: 40px; border-bottom: 1px solid #dfdfdf; overflow: auto; } .MyProfileTopForm ul.TopSec li.NameSec div.NameDiv { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #333333; margin-right: 15px; width: auto; position: relative; float: right; } .MyProfileTopForm ul.TopSec li.NameSec div.NameDiv hr { width: 20%; border: none; background-color: #4f7095 ; height: 2px; float: left; margin-top: -3px; } .MyProfileTopForm ul.TopSec li.NameSec div.NameDiv div.SubText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; width: auto; text-align: right; } .MyProfileTopForm ul.FormSec { margin: 0px; padding: 0px; list-style: none; overflow: auto; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .MyProfileTopForm ul.FormSec li.LabelDiv { clear: both; width: 40%; overflow: auto; float: left; margin-bottom: 15px; overflow: auto; color: #888888; } .MyProfileTopForm ul.FormSec li.InputDiv { clear: none; width: 57%; overflow: auto; float: left; margin-bottom: 15px; margin-left: 10px; overflow: auto; color: #000000; } .accordionHeader { cursor: pointer; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; overflow: hidden; margin-bottom: 2px; position: relative; clear: both; height: 30px; } .accordionHeader div.AccText { background-color: #ffffff; padding: 3px; overflow: auto; left: 0px; position: absolute; width: auto; z-index: 100; } .accordionHeader hr { height: 1px; border: none; background-color: rgba(0, 0, 0, 0.2); position: absolute; width: 98%; bottom: 0px; z-index: 1; } .accordionHeader div.Icon { width: 20px; height: 20px; position: absolute; right: 0px; bottom: -1px; } .accordion-content { display: none; } .accordion-content.default { display: block; } .MyProfileAddInfoForm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; width: 70%; float: left; clear: none; position: relative; } .MyProfileAddInfoForm ul.FormSec { margin: 0px; padding: 0px; list-style: none; overflow: auto; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .MyProfileAddInfoForm ul.FormSec li.LabelDiv { clear: both; width: 40%; overflow: auto; float: left; margin-bottom: 15px; overflow: auto; color: #888888; } .MyProfileAddInfoForm ul.FormSec li.InputDiv { clear: none; width: 57%; overflow: auto; float: left; margin-bottom: 15px; margin-left: 10px; overflow: auto; color: #000000; } .ScoreCardWidget { width: 26%; float: right; clear: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; overflow-style: auto; border: 1px solid #f2f2f2; border-radius: 3px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); margin-bottom:15px; } .ScoreCardWidget ul { list-style: none; padding: 0px; margin: 0px; } .ScoreCardWidget ul li.Header { background: #4F7095; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; padding: 5px 8px; border-radius: 3px 3px 0px 0px; } .ScoreCardWidget ul li.ListCont { background-color: #f2f2f2; padding: 5px; } .ScoreCardWidget ul li.ListCont ul { list-style: none; padding: 0px; margin: 0px; } .ScoreCardWidget ul li.ListCont ul li.WhiteStrip { padding: 5px; background-color: #ffffff; margin-bottom: 5px; overflow:auto; } .ScoreCardWidget ul li.ListCont ul li.WhiteStrip:nth-last-of-type(1){ margin-bottom:0px;} .ScoreCardWidget ul li.ListCont ul li.WhiteStrip div.Icon{ width:18px; margin-right:10px; float:left; clear:both; text-align:center;} .ScoreCardWidget ul li.ListCont ul li.WhiteStrip div.Icon img{ max-width:80%; margin:auto; opacity:0.5;} .ScoreCardWidget ul li.ListCont ul li.WhiteStrip div.Name{ont-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #5b5b5b; width:50%; float:left; clear:none; margin-top:0px;} .ScoreCardWidget ul li.ListCont ul li.WhiteStrip div.Count{ float:right; text-align:right; margin-top:0px; color:#4f7095 ; font-size:11px;} .SetupBox{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0px; padding:0px; border:1px solid #d9d9d9; overflow:auto; width:95%; margin:auto; margin-bottom:15px;} .SetupBox ul{ list-style:none; padding:0px; margin:0px;} .SetupBox ul li.Header{ font-size:16px; border-bottom:1px solid #d9d9d9; padding:5px 8px; margin-bottom:5px; background-color:rgba(0, 0, 0, 0.05);} .SetupBox ul li.Cont{ padding:5px 8px; font-size:12px; overflow:auto;} .MobilePinBox { width: 26%; float: right; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; overflow-style: auto; margin-top:10px; } .MobilePinBox ul { list-style: none; padding: 0px; margin: 0px; } .MobilePinBox ul li.Header { background: #4F7095; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; padding: 0px; border-radius: 5px ; position:relative; overflow:auto; height:30px; overflow:hidden; } .MobilePinBox ul li.Header div.Def{ position:absolute; background-color:#4F7095; margin:0px; overflow:auto; height:30px; width:100%; text-align:center; padding-top:5px; cursor:pointer; } .MobilePinBox ul li.Header div.Sho{ position:absolute; padding: 5px; background-color:#4F7095; margin:0px; overflow:auto; height:30px; width:100%; display:none; text-align:center; font-size: 12px; font-weight:normal; margin-top:4px; } .MobilePinBox ul li.Header div.Sho div.Cross{ width:auto; float:right; margin-right:5px; color:#ffffff; padding:2px 8px; margin-top:-4px;} /*-----------------------Greet a Colleague Classes--------------------*/ .GreetColleague{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; margin:0px; padding:0px; width:100%; } .GreetColleague ul{ margin:0px; padding:0px; list-style:none;} .GreetColleague ul li.GreetHead{ padding-bottom:5px; margin-bottom:0px; overflow:hidden; cursor:pointer;} .GreetColleague ul li.GreetHead div.Icon{ width:40px; float:left; clear:both; margin-right:5px;} .GreetColleague ul li.GreetHead div.Icon img{ max-width:100%; display:block;} .GreetColleague ul li.GreetHead div.Text{ width:67%; float:left; clear:none; margin-right:0px; margin-top:0px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 18px; color:#4f7095;} .GreetColleague ul li.GreetHead div.RightIcon{ width:5%; float:left; clear:none; margin-top:22px; border-left:1px solid #d9d9d9; margin-left:8px;} .GreetColleague ul li.GreetHead div.RightIcon img{ max-width:100%; margin-left:8px; opacity:0.5;} .GreetColleague ul li.GreetHead div.Text span.Big{ font-weight:normal !important; font-size:27px;} .GreetColleague ul li.GreetHead div.Text span.Small{ font-weight:Normal; font-size:14px;} .GreetColleague ul li.GreetCont{ border:1px solid #d9d9d9; padding:10px 5px; overflow:auto; display:none; } .GreetForm{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0px; padding:0px;} .GreetForm ul{ margin:0px; padding:0px; list-style:none;} .GreetForm ul li.GreetLab{ margin-bottom:3px;overflow:auto;} .GreetForm ul li.GreetLab span{ font-size:11px; color:#999999; padding-left:15px;} .GreetForm ul li.GreetInp{ margin-bottom:10px;overflow:auto; } .GreetForm ul li.GreetInp div.Icn{ width:11%; float:right; clear:none; margin-left:5px; margin-right:10px;} .GreetForm ul li.GreetInp div.Icn img{ max-width:100%; display:block;opacity:1.0; } .GreetForm ul li.GreetBut{ margin-bottom:0px; text-align:right;overflow:auto;} .GreetForm ul li.GreetInp div.PointsDiv { width:30%; float:left; clear:none; margin-right:5px;} .GreetForm ul li.GreetInp div.PointsTextDiv { width:65%; float:right; clear:none; margin-right:5px; font-size:11px; color:#999999; font-style:italic;} .GreetForm ul li.GreetInpText{ margin-bottom:10px;overflow:auto; font-size:12px; color:#999999; background-color:rgba(0, 0, 0, 0.1); padding:5px;} .TopTextBox { background-color: rgba(255, 255, 255, 0.5); border: medium none; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 12px; padding: 3px; width: 200px; color: #000000 !important; } .TopTextBox::-webkit-input-placeholder { color: black; font-weight:bold; } .TopTextBox:-moz-placeholder { color: black; font-weight:bold; } .TopTextBox::-moz-placeholder { color: black; font-weight:bold; } .rightPad { clear: none; float: right; padding: 0 25px 0 10px; width: auto; } .ui-autocomplete{ z-index:99999 !important} #divtoshow { position: absolute; display: none; z-index: 600; left: 0; top: 0; width: 300px; height: 220px; background-color: #ffffff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); color:#333333; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #divtoshow ul{ list-style:none; padding:0px; margin:0px;} #divtoshow ul li.PopHead{ background-color:#4f7095; font-size: 12px; color:#ffffff; font-weight:bold; overflow:auto;} #divtoshow ul li.PopHead div.Cross{ float:right; clear:none; padding:5px 10px; cursor:pointer; background-color:rgba(0, 0, 0, 0.5); } #divtoshow ul li.PopCont{ margin:4px; overflow:auto; color:#333333; font-weight:normal; } #divtoshow ul li.PopCont div.ComText{ font-weight:bold; margin-bottom:10px; padding:5px 5px; border-bottom:1px solid rgba(0, 0, 0, 0.1);} #divtoshow ul li.PopCont div.PopRad{ padding:3px 5px; margin-bottom:1px; color:#333333; overflow:auto;} #divtoshow ul li.PopBut{ text-align:center; border-top:1px solid rgba(0, 0, 0, 0.1); padding-top:10px; margin-top:10px;} .PollSurveyForm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; position: relative; } .PollSurveyForm ul.FormSec { margin: 0px; padding: 0px; list-style: none; overflow: auto; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .PollSurveyForm ul.FormSec li.LabelDiv { clear: both; width: 30%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #888888; } .PollSurveyForm ul.FormSec li.InputDiv { clear: none; width:50%; overflow: auto; float: left; margin-bottom: 10px; margin-left: 10px; overflow: auto; color: #000000; } .PollSurveyForm ul.FormSec li.InputDiv input[type=button]{ margin-right:5px;} .PollSurveyForm ul.FormSec li.FullDiv { clear: both; width: 100%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #888888; display:none; } .PollSurveyForm ul.FormSec li.ButDiv { clear: both; width: 100%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #333333; text-align:center; } .PollSurveyForm a{ text-decoration:none; color:#4f7095;} .PollMoreSettings { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; position: relative; border:1px solid #d9d9d9; padding:10px; background-color:rgba(0, 0, 0, 0.05); } .PollMoreSettings div.LeftFull{ width:100%; clear:both; margin-right:0px; margin-bottom:5px; color:#888888;} .PollMoreSettings div.Left1{ width:60%; float:left; clear:none; margin-right:10px;} .PollMoreSettings div.Left2{ width:20%; float:left; clear:none; margin-right:10px;} .PollMoreSettings div.Left3{ width:30%; float:left; clear:none; margin-right:10px;} .PollMoreSettings div.Left4{ width:25%; float:left; clear:none; margin-right:10px;} .PollMoreSettings ul { margin: 0px; padding: 0px; list-style: none; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .PollMoreSettings ul li.LeftLab { clear: both; width: 45%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #333333; } .PollMoreSettings ul li.RightLab { clear: none; width:45%; overflow: auto; float: right; margin-bottom: 10px; margin-left: 10px; overflow: auto; color: #333333; } .PollMoreSettings ul li.FullLab { clear: both; width: 100%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #888888; } .PollSurveyHeader { cursor: pointer; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; overflow: hidden; margin-bottom: 2px; position: relative; clear: both; height: 30px; } .PollSurveyHeader div.AccText { background-color: #ffffff; padding: 3px; overflow: auto; left: 0px; position: absolute; width: 99%; border-bottom:1px solid #d9d9d9; } .PollSurveyHeader hr { height: 1px; border: none; background-color: rgba(0, 0, 0, 0.2); position: absolute; width: 98%; bottom: 0px; z-index: 1; } .TabTop { margin: 10px 0px; clear: both; overflow: auto; position:relative; padding-top:10px; } #Notification_menu{ display: none; position: absolute; width: 300px; z-index: 900; border: 1px transparent; text-align: left; padding: 5px; top: 23px; right: 0px; margin-top: 0px; margin-right: 5px; *margin-right: -1px; color: #333333; font-size: 12px; box-shadow: 1px 1px 5px #000000; background-color:rgba(255, 255, 255, 0.95); text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin-right:-23px; } #Notification_menu ul{ list-style:none; padding:0px; margin:0px; position:relative; width:auto;} #Notification_menu ul li.Strip{ background-color:rgba(0, 0, 0, 0.1); padding:4px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin-bottom:1px; padding-bottom:10px; width:292px; clear:both;} #Notification_menu ul li.Strip a { color: #333333; overflow: auto; } #Notification_menu ul li.Strip:hover { color: #333333; background-color: rgba(255, 255, 255, 0.5); } #Notification_menu ul li.Strip div.Pic{ width:30px; height:30px; border:1px solid rgba(0, 0, 0, 0.3); background-color:#ffffff; float:left; clear:none;} #Notification_menu ul li.Strip div.Pic img{ width:30px; height:30px; display:block;} #Notification_menu ul li.Strip div.Cont{ width:80%; float:left; clear:none; margin-left:8px;} #Notification_menu ul li.Strip div.Cont strong{ color:#000000;} #Notification_menu ul li.Strip div.Cont div.date{ font-size:11px; color:#666666; padding-top:3px;} .ReminderNot { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; text-decoration: none; width: 100%; margin: 0px; padding: 0px; } .ReminderNot ul.HideShow { width: 100%; list-style: none !important; margin: 0px; padding: 0px; display: block; } .ReminderNot ul.HideShow li.LabelText { padding-bottom: 5px; clear: both; width: 20% !important; float: left; padding-top: 6px; } .ReminderNot ul.HideShow li.LabelText_AN { padding-bottom: 5px; clear: both; width: 30% !important; float: left; padding-top: 6px; } /*24-04-13*/ .ReminderNot ul.HideShow li.LabelText2 { padding-bottom: 4px; clear: both; width: 100% !important; float: left; margin-bottom: 8px; margin-top: 5px; } .ReminderNot ul.HideShow li.LabelText3 { clear: both; width: 100% !important; float: left; margin-bottom: 8px; margin-bottom: 5px; } .ReminderNot ul.HideShow li.InputSection { padding-bottom: 10px; width: 80%; float: left; overflow: auto; } .ReminderNot ul.HideShow li.InputSection_AN { padding-top: 5px; width: 70%; float: left; overflow: auto; } .ReminderNot ul.HideShow li.AutoDiv { padding-bottom: 10px; width: auto; float: left; clear: none !important; margin-right:15px; } .NotificationsCount { background-color:#ffffff; color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 10px !important; font-weight: 700 !important; padding:1px 2px; border-radius:2px; position: absolute; text-align: center; vertical-align: middle; z-index: 999; margin-left:25px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.7); margin-top:-5px; } .PollSurveyWidget { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0px; padding: 0px; border: 1px solid #4F7095; } .PollSurveyWidget ul { list-style: none; padding: 0px; margin: 0px; } .PollSurveyWidget ul li.Head { background-color: #4F7095; color: #ffffff; font-size: 16px; padding: 6px 5px; font-weight: normal; } .PollSurveyWidget ul li.Cont { clear: both; padding: 6px 5px; } .PollSurveyWidgetContent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0px; padding: 0px; } .PollSurveyWidgetContent ul { list-style: none; padding: 0px; margin: 0px; position:relative; } .PollSurveyWidgetContent ul li.Question { color: #000000; font-size: 13px; padding: 5px 10px; background-color: rgba(79, 112, 149, 0.2) ; /*margin-left:-10px; margin-right:-10px; margin-top:-10px; padding:0px 10px; padding-bottom:10px;*/ clear:both; width:220px; margin-bottom:10px; } .PollSurveyWidgetContent ul li.Question div.QuestionNumber{ font-size:35px; font-weight:bold; color:#4F7095; float:left; width:20%; padding:0px; clear:none; margin-top:-5px;} .PollSurveyWidgetContent ul li.Question div.QuestionText{ font-size:13px; font-weight:normal; color:#000000; float:left; width:70%; padding:0px; padding-left:5px; clear:none} .PollSurveyWidgetContent ul li.Options { color: #333333; font-size: 12px; padding: 5px 10px; clear:both !important; width:220px; } .PollSurveyWidgetContent ul li.Options label { margin-right: 7px; margin-top:7px; } .PollSurveyWidgetContent ul li.Options input[type="radio"], .PollSurveyWidgetContent ul li.Options input[type="checkbox"]{ float:left; margin-right:10px; margin-top:-1px;} .PollSurveyWidgetContent ul li.ButtonDiv { font-size: 12px; padding: 5px 10px; clear:both; width:220px; border-top:1px solid #d9d9d9; margin-top:10px; text-align:center; margin-bottom:0px; height:24px; } .PollSurveyWidgetContent ul li.PollResult { position:absolute; background-color:red; display:none; bottom:0px; background-color:#ffffff; padding:10px; } .PollSurveyWidgetContent ul li.ButtonDiv div.NextQuestion{ width:20px; float:right; clear:none} .PollSurveyWidgetContent ul li.ButtonDiv div.PrevQuestion{ width:20px; float:Left; clear:none} .PollSurveyWidgetContent ul li.ButtonDiv input[type="button"] { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; text-shadow: 1px 1px #000000; cursor: pointer; -moz-border-radius: 4px; border-radius: 4px; background-color: #4F7095; border:none; padding: 4px 8px; } .ReminderNotification { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; text-decoration: none; width: 100%; margin: 0px; padding: 0px; } .ReminderNotification ul { width: 100%; list-style: none !important; margin: 0px; padding: 0px; clear: both; } .ReminderNotification ul li.tit { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 18px; color: #4F7095; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid #D9D9D9; margin-bottom: 10px; margin-top: 15px; } .ReminderNotification ul.HideShow { width: 100%; list-style: none !important; margin: 0px; padding: 0px; display: block; } .ReminderNotification ul.HideShow li.LabelText { padding-bottom: 5px; clear: both; width: 27%; float: left; padding-top: 6px; color:#000000; } .ReminderNotification ul.HideShow li.LabelTextLeft { padding-bottom: 10px; clear: none; width: auto; float: left; padding-top: 5px; } .ReminderNotification ul.HideShow li.LabelText_lt { padding-bottom: 10px; clear: both; width: 30%; float: left; padding-top: 6px; } .ReminderNotification ul.HideShow li.LabelText_lt2 { padding-bottom: 10px; clear: both; width: 85%; float: left; } .ReminderNotification ul.HideShow li.LabelText_lt3 { padding-bottom: 10px; clear: both; width: 30%; float: left; } .ReminderNotification ul.HideShow li.LabelText_lt4 { padding-bottom: 10px; clear: none; width: 35%; float: left; } .ReminderNotification ul.HideShow li.InputSection { padding-bottom: 10px; width: 68%; float: left; } .ReminderNotification ul.HideShow span.nor { min-width: 70px; float: left; margin-right: 5px !important; font-size: 12px; color: #333333; margin: 0px; padding-top: 5px; } .ReminderNotification ul.HideShow span.ico { float: left; margin-right: 5px !important; font-size: 12px; color: #333333; margin: 0px; padding-top: 5px; } .NotificationsCount { background-color:#ffffff; color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 10px !important; font-weight: 700 !important; padding:1px 2px; border-radius:2px; position: absolute; text-align: center; vertical-align: middle; z-index: 999; margin-left:15px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.7); margin-top:-5px; } .PollSurveyWidgetNew { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0px; padding: 0px; border-radius:5px; margin-top:20px; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.4); width:240px; } .PollSurveyWidgetNew ul { list-style: none; padding: 0px; margin: 0px; } .PollSurveyWidgetNew ul li.Head { background-color: #4F7095; color: #ffffff; font-size: 13px; padding: 6px 10px; font-weight: normal; border-radius:5px 5px 0px 0px; position:relative; min-height:30px; } .PollSurveyWidgetNew ul li.Head div.circle{ margin:auto; height:20px; width:44px; border:4px solid #ffffff; border-radius:100px; margin-top:-30px; background-color: #4F7095; text-align:center; padding:20px 8px; clear:none; } .PollSurveyWidgetNew ul li.Head div.oval{ margin:auto; margin-left:20px; margin-right:20px;margin-top:0px; background-color: #4F7095; text-align:center; padding:0px; clear:none;} .PollSurveyWidgetNew ul li.Head div.LeftDiv{ width:20px; margin-left:0px; float:left; clear:none;} .PollSurveyWidgetNew ul li.Head div.RightDiv{ width:20px; margin-right:0px; float:right; clear:none !important;} .PollSurveyWidgetNew ul li.Head div.Question{ clear:both; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; margin-top:10px;} .PollSurveyWidgetNew ul li.Cont { clear: both; padding: 0px ; background-color:#ffffff; border-radius:0px 0px 5px 5px; overflow:auto; } .cc{ float:left; margin:0px ;} .cc-content{/*position:relative;*/ float:left; overflow:hidden;} .cc-right,.cc-left{float:left; display:inline; height:200px; line-height:200px; padding:0 2px; background:#fff; color:#000; cursor:pointer; z-index:9999; display:none !important;} .cc-content ul{position:relative; overflow:hidden;} .cc-content li{float:left; display:inline; width:240px;} .ResultContent{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0px; padding: 0px; position:absolute; background-color:red; display:none; background-color:#ffffff; padding:10px; z-index:9999; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5); border-radius:0px 15px 15px 15px; } .ResultContent ul{ padding:0x; margin:0px; list-style:none} .ResultContent ul li.Quest{color: #000000; font-size: 13px; text-align:left; margin-bottom:10px; width:90%; padding:8px 0px; border-bottom:1px solid #d9d9d9;} .ResultContent ul li.Quest div.CloseRes{ width:20px; position:absolute; right:20px; margin-top:-30px;} .ResultContent ul li.List{ min-height:20px; margin-bottom:10px; font-size:12px; width:90%; color:#666666; border-bottom:1px solid #d9d9d9;} .ResultContent ul li.List img{ display:block; max-width:70%;} .ResultContent ul li.List svg{ display:block; max-width:100% !important;} .ResultContent ul li.List div.Opt{ width:70%; float:left; clear:none;} .ResultContent ul li.List div.Res{ width:20%; float:right; clear:none; text-align:right; font-weight:bold;} .ResultContent ul li.Buts{ min-height:20px; margin-bottom:0px; font-size:12px; width:90%; color:#666666; margin-top:0px; text-align:center; margin-bottom:15px; } .ResultContent ul li.Buts input[type="button"]{ background-color:#4F7095; font-size:11px; text-align:center; margin-right:5px; width:auto; padding:3px 8px;} .BodyText ul li.tit div.RightLab{ width:auto; float:left; margin-right:10px;clear:none; text-align:right; font-size:12px; margin-top:2px;} .BodyText ul li.tit div.RightInp{ width:auto; float:left; clear:none; text-align:right; } .AwardSelectBox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-left: 10px; padding-right:10px; color: #333333; border:none; box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.7); min-width: 40%; height: 20px; float:right; z-index:9999; } .SelectThemeSection{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; margin:0px; padding:0px; width:22%; float:left; margin-right:25px; border:1px solid #d9d9d9; margin-bottom:20px; min-height:120px; } .SelectThemeSection:hover{ box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.4);} .SelectThemeSection:nth-of-type(4n+0){ margin-right:0px !important;} .SelectThemeSection ul{ list-style:none; margin:0px; padding:0px;} .SelectThemeSection ul li.ThemeIcon{ text-align:center; margin:10px auto; clear:both; width:30px; height:30px; position:relative;} .SelectThemeSection ul li.ThemeIcon img{ outline:none; border:none; display:block} .SelectThemeSection ul li.AttrName{ text-align:center; margin:10px 0px; clear:both;} .SelectThemeSection ul li.AttrName div.ThemeName{ font-size:11px; color:#999999;} .SelectThemeSection ul li.ThemeIcon div.ThemesDisplay{ position:absolute; background-color:#ffffff; left:0px; top:0px; width:250px; z-index:9999; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5); display:none; text-align:left; overflow:hidden; margin-top:31px;} .SelectThemeDivCont { z-index:99999; display:block; } .SelectThemeDivCont a{ margin:2px; padding:5px; background-color:rgba(0, 0, 0, 0.09); clear:none; overflow:auto; width:44%; float:left; overflow:auto; display:block; color:#333333;} .SelectThemeDivCont a:hover{ text-decoration:none; background-color:rgba(0, 0, 0, 0.2);} .SelectThemeDivCont div.InnerIcon{ width:15px; height:15px; float:left; clear:none; margin-right:7px;} .SelectThemeDivCont div.InnerIcon img{width:15px; height:15px;} .SelectThemeDivCont div.Innercont{ width:80%; float:left; clear:none; margin-top:2px; } .AllocateBudgetGrid img {margin:3px; } .AddEditEmployee ul.RightSec li.InputSection img.smallthumb { max-width:200px !important; } .MyRecognitionThread ul.pic a{ cursor:pointer;} /******************Rating Based**************/ .RatingBasedForm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 0px; margin: 0px; position: relative; } .RatingBasedForm ul.FormSec { margin: 0px; padding: 0px; list-style: none; overflow: auto; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .RatingBasedForm ul.FormSec li.LabelDiv { clear: both; width: 30%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #888888; } .RatingBasedForm ul.FormSec li.InputDiv { clear: none; width: 50%; overflow: auto; float: left; margin-bottom: 10px; margin-left: 10px; overflow: auto; color: #000000; } .RatingBasedForm ul.FormSec li.InputDivFull { clear: none; width: 65%; overflow: auto; float: left; margin-bottom: 10px; margin-left: 10px; overflow: auto; color: #000000; } .RatingBasedForm ul.FormSec li.InputDivFull div.LeftDiv{ width:35%; float:left; clear:none; margin-right:20px; font-size:12px; color:#999999;} .RatingBasedForm ul.FormSec li.InputDivFull input[type="text"] { border: 1px solid #bbbbbb; color: #666666; width: 90.5%; font-size: 11px; padding: 5px; } .strongcolor{ color:#333333; font-size:13px; } .RatingBasedForm ul.FormSec li.InputDivFull div.FullSmallDiv{ clear:both; width:100%; margin-bottom:7px;} .RatingBasedForm ul.FormSec li.InputDivFull div.LeftSmallDivforName{ clear:none; width:auto; float:left; margin-right:10px; font-size:11px; color:#666666; margin-top:7px;} .RatingBasedForm ul.FormSec li.InputDivFull div.LeftSmallDiv{ clear:none; width:15%; float:left; margin-right:30px;} .RatingBasedForm ul.FormSec li.InputDivFull div.RightSmallDiv{ clear:none; width:15%; float:left; } .RatingBasedForm ul.FormSec li.InputDiv input[type=button] { margin-right: 5px; } .RatingBasedForm ul.FormSec li.FullDiv { clear: both; width: 100%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #888888; display: none; } .RatingBasedForm ul.FormSec li.ButDiv { clear: both; width: 100%; overflow: auto; float: left; margin-bottom: 10px; overflow: auto; color: #333333; text-align: center; } .RatingBasedForm a { text-decoration: none; color: #4f7095; } ul.tabsNew { margin: 0px; padding: 0px; list-style: none; border-bottom:1px solid rgba(0, 0, 0, 0.09); margin-bottom:2px !important; overflow:auto; } ul.tabsNew li { background: none; color: #222; display: inline-block; padding: 5px 20px; cursor: pointer; margin-left: 10px; border-radius:3px 3px 0px 0px; } ul.tabsNew li.current { background: rgba(0, 0, 0, 0.10); color: #ffffff; } .tab-content { display: none; padding: 0px; margin-top: -1px; } .tab-content.current { display: inherit; } .NewTextBoxNew { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; padding-left: 0px; color: #333333; border: 1px solid #d9d9d9; width:60px; height: 20px; border-radius: } .NewTextBoxNew_small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; padding-left: 0px; color: #999999; border: 1px solid #d9d9d9; width:30px; height: 20px; border-radius: } #PopOverlay { width:100%; height:100%; position:fixed; top:0; left:0; z-index:500; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-shadow:0px 0px 8px 0px #000000; border:2px solid #ffffff; display:none; background-color:rgba(0, 0, 0, 0.5); } .LeftNorforDet { width: auto; margin:auto; bottom:0px; position:absolute; } .LeftNorforDet div.LeftDivin{ float:left; clear:none; margin-right:10px;} .upmargingwithborder{ margin-top:20px; padding-top:10px; background-color:rgba(0, 0, 0, 0.1); overflow:auto; padding:5px; margin-bottom:2px;} .TabTop div.LeftNor{ width:auto; float:left;} .TabTop div.RightDiv{ width:auto; float:right;} .NewSelectBoxNew { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-left: 0px; color: #333333; border: 1px solid #d9d9d9; border-radius: } .scrollable { height: 100% !important;} .scrollable .items { position:relative !important; } /*---------------------SOCIAL COLLABRATION WALL---------------------------------*/ .SocialWallPartition { color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; overflow: auto; padding: 0px; } .SocialWallPartition ul { padding: 0px; margin: 0px; list-style: none; overflow: hidden; overflow-x:hidden; } .SocialWallPartition ul li.PostsSection { /*width: 515px; if the archive section is there uncomment this*/ width:515px;/* remove this if the Archivesection is added*/ clear: none; float: left; min-height: 300px; padding: 10px; } .SocialWallPartition ul li.ArchiveSection { width: 160px; clear: none; float: left; min-height: 300px; padding: 10px; position: relative; } .UpadatePost { background-color: rgba(0, 0, 0, 0.09); padding: 8px; overflow: auto; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); } .UpadatePostIN { overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; color: #333333; } .UpadatePostIN ul { margin: 0px; padding: 0px; list-style: none; } .UpadatePostIN ul li.TextAreaBox { clear: both; margin-bottom: 5px; padding: 5px; overflow: auto; } .UpadatePostIN ul li.TextAreaBox div.PicBox{ width:60px; height:60px; float:left; margin-right:5px;} .UpadatePostIN ul li.TextAreaBox div.PicBox img{ max-width:60px; height:60px;} .UpadatePostIN ul li.TextAreaBox textarea{ clear: none; margin-bottom: 5px; resize: none; width:84%; border:none; overflow:visible; outline:none; } .UpadatePostIN ul li.PreviewBox { clear: both; margin-bottom: 5px; padding: 5px; overflow: auto; } /*Added on 18-10-2016*/ .UpadatePostIN ul li.PreviewBox div.AttachBox{ background-color:rgba(0, 0, 0, 0.05); padding:5px; color:#333333; width:auto; border-radius:3px; border:1px solid rgba(0, 0, 0, 0.09); float:left; clear:none; margin-right:3px; margin-bottom:3px;} .UpadatePostIN ul li.PreviewBox div.AttachBox div.CrossIcon{ width:8px; height:8px; float:right; margin-left:8px;} .UpadatePostIN ul li.PreviewBox div.AttachBox div.CrossIcon img{ width:8px;} /*END*/ .UpadatePostIN ul li.PreviewBox div.Righticon{ float:right;} .UpadatePostIN ul li.PreviewBox img{ max-width:100%;} .UpadatePostIN ul li.PreviewBox a { text-decoration: none; } .UpadatePostIN ul li.PreviewBox a:hover { text-decoration: none; color: #333333 !important; } .UpadatePostIN ul li.PreviewBox span.DelBut{ width:auto; margin-left:10px; } .UpadatePostIN ul li.PostBoxBox { clear: both; margin-bottom: 0px; } .UpadatePostIN ul li.PostBoxBox div.SettingDiv { width: 20%; float: left; clear: none; margin-right: 5px; } .UpadatePostIN ul li.PostBoxBox div.AddEmpDiv { width: 68%; float: left; clear: none; margin-right: 5px; } .UpadatePostIN ul li.PostBoxBox div.ButDiv { width: auto; float: right; clear: none; margin-right: 0px; } .UpadatePostIN textarea, .UpadatePostIN input[type="text"] { border: 1px solid rgba(0, 0, 0, 0.1); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; width: 97%; padding: 5px; } select.custom-dropdown { -webkit-appearance: none; /*REMOVES DEFAULT CHROME & SAFARI STYLE*/ -moz-appearance: none; /*REMOVES DEFAULT FIREFOX STYLE*/ color: #333333; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; padding: 5px; width: 100%; cursor: pointer; border: 1px solid #cfcfcf; background: #eeeeee url(drop-down-arrow.png) no-repeat right center; background-size: 40px 37px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */ } .SocialPostBox { background-color: #ffffff; padding: 8px; overflow: auto; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 15px; } .SocialPostBox ul { margin: 0px; padding: 0px; list-style: none; } .SocialPostBox ul li.PostDetails { clear: both; margin-bottom: 5px; position: relative; height: 70px; overflow: hidden; } .SocialPostBox ul li.PostDetails div.Pic { width: 62px; height: 62px; position: absolute; left: 0px; top: 0px; z-index: 100; text-align: center; background-color: #ffffff !important; } .SocialPostBox ul li.PostDetails div.Pic img { max-width: 60px; margin: auto; border: 1px solid #d9d9d9; padding: 2px; } .SocialPostBox ul li.PostDetails div.Name { font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 10px 0px 5px 70px; border-bottom: 1px solid #d9d9d9; z-index: 100; } .SocialPostBox ul li.PostDetails div.Name div.EditIcon{ width:20px; float:right; clear:none;} .SocialPostBox ul li.PostDetails div.Name div.EditIcon a{ opacity:0.5;} .SocialPostBox ul li.PostDetails div.Name div.EditIcon a:hover{ opacity:1.0;} .SocialPostBox span.DelBut{ width:auto; margin-left:10px; } .SocialPostBox ul li.PostDetails div.Name span { color: #a9a7a7 !important; font-size: 12px !important; padding-left: 10px; float:none !important; } .SocialPostBox ul li.ContDetails { clear: both; margin-top: 10px; font-size: 12px; color: #333333; } /* added on 18-10-2016*/ .SocialPostBox ul li.AttachDetails { clear: both; margin-top: 10px; font-size: 12px; color: #333333; overflow:auto; margin-bottom:10px; } .SocialPostBox ul li.AttachDetails div.AttachBox{ width:auto; float:left; clear:none; margin-right:3px; margin-bottom:3px;} .SocialPostBox ul li.AttachDetails div.AttachBox a{background-color:rgba(0, 0, 0, 0.05); border:1px solid rgba(0, 0, 0, 0.09); border-radius:3px; padding:5px; color:#333333; text-decoration:none; display:block; cursor:pointer;} .SocialPostBox ul li.AttachDetails div.AttachBox a:hover{ background-color:rgba(0, 0, 0, 0.09); text-decoration:none; } .SocialPostBox ul li.AttachDetails div.AttachBox div.AttachIcon{ width:10px; height:10px; float:left; margin-right:8px;} .SocialPostBox ul li.AttachDetails div.AttachBox div.AttachIcon img{ width:10px;} /* END*/ .SocialPostBox ul li.ContDetails div.AttachIconDiv{ margin:10px 0px;} .SocialPostBox ul li.ContDetails div.AttachIconDiv div.LeftDivs a{ opacity:0.5} .SocialPostBox ul li.ContDetails div.AttachIconDiv div.LeftDivs a:hover{ opacity:1.0} .SocialPostBox ul li.ContDetails div.AttachIconDiv div.LeftDivs{ width:auto; float:left; clear:none; margin-right:15px;} .SocialPostBox ul li.ContDetails div.Righticon{ float:right;} .SocialPostBox ul li.ContDetails div.AttachIconDiv div.LeftDivs img{ max-width:94.5%;} .SocialPostBox ul li.ContDetails div.Content { margin-bottom: 20px; } .SocialPostBox ul li.ContDetails div.Content span { color: #a9a7a7 !important; } .SocialPostBox ul li.ContDetails div.Content a { text-decoration: none; } .SocialPostBox ul li.ContDetails div.Content a:hover { text-decoration: none; color: #333333 !important; } .SocialPostBox ul li.ContDetails div.ContentPic { margin-bottom: 5px; clear: both; } .SocialPostBox ul li.ContDetails div.ContentPic img { max-width: 100%; } .SocialPostBox ul li.LikeComment { clear: both; text-align: left; } .SocialPostBox ul li.LikeComment div.AutoDiv { width: auto; clear: none; float: left; margin-left: 5px; } .SocialPostBox ul li.LikeComment div.AutoDiv2 { width: auto; clear: none; float: left; margin-left: 15px; } .SocialPostBox ul li.LikeComment div.AutoDiv2 { width: auto; clear: none; float: left; margin-left: 15px; } .SocialPostBox ul li.LikeComment a { opacity: 0.5; } .SocialPostBox ul li.LikeComment a:hover { opacity: 1.0; } .SocialComments { background-color: rgba(0, 0, 0, 0.09); padding: 8px; overflow: auto; margin-top: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333333; } .SocialComments input[type="text"]{ border: 1px solid #d9d9d9; color: #999999 !important; font-family: Arial,Helvetica,sans-serif; font-size: 11px !important; font-style: italic; font-weight: normal; height: 20px; padding:2px 7px !important; width: 90.2%; } .SocialComments ul { margin: 0px; padding: 0px; list-style: none; } .SocialComments ul li.CommentStrip { clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 6px 0px; margin-top: 5px; overflow: hidden; } .SocialComments ul li.CommentStrip div.CommentPic { width: 35px; height: 35px; float: left; clear: both; margin-right: 10px; } .SocialComments ul li.CommentStrip div.CommentPic img { max-width: 35px; margin: auto; border: 1px solid #d9d9d9; padding: 2px; } .SocialComments ul li.CommentStrip div.CommentPicSmall { width: 25px; height: 25px; float: left; clear: both; margin-right: 10px; } .SocialComments ul li.CommentStrip div.CommentPicSmall img { max-width: 25px; margin: auto; border: 1px solid #d9d9d9; padding: 2px; } .SocialComments ul li.CommentStrip span { font-size: 11px; color: rgba(0, 0, 0, 0.4); padding-left: 10px; } .SocialComments ul li.CommentStrip div.CommentText { width: 85%; float: left; clear: none; margin-right: 0px; } .SocialComments ul li.CommentStrip div.CommentText a { text-decoration: none; font-weight: bold; padding-right: 5px; } .SocialComments ul li.CommentStrip div.CommentText a:hover { text-decoration: none; color: #333333 !important; } .SocialComments ul li.CommentStrip div.CommentBox { /*width: 86%;should be 80% if archive section is there*/ width: 80%; float: left; clear: none; margin-right: 10px; } .SocialComments ul li.CommentStrip div.PostComment{ /*width: 5%;should be 10% if archive section is there*/ width: 10%; float: left; clear: none; margin-right: 0px; } .SocialComments ul li.CommentStrip div.CommentBox input[type="text"] { border: 1px solid rgba(0, 0, 0, 0.2); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; width: 97%; padding: 5px; } .SocialRightBox { background-color: #ffffff; padding: 8px 0px; overflow: auto; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); min-height: 200px; position: fixed; margin-top: 0px; width: 170px; } .SocialMenu ul { margin: 0; padding: 0; width: 100%; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-bottom: 20px; } .SocialMenu ul li.Heading { font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9; padding: 7px 5px; } .SocialMenu ul li a { text-decoration: none; color: #333333; padding: 7px 10px; display: block; border-bottom: 1px dashed rgba(0, 0, 0, 0.09); } .SocialMenu ul li a:visited { color: #333333; } .SocialMenu ul li a:hover, .SocialMenu ul li .current { color: #333333; } .RightIconDiv { width: auto; float: right; clear: none; margin-left: 20px; } .RightIconDiv img { max-width: 90%; } .RightIconDiv a { opacity: 0.5; } .RightIconDiv a:hover { opacity: 1.0; } .ApprovalButt{ margin-top:10px; clear:both; } .ApprovalButt input[type="Button"]{ margin-right:10px;} .TopSelect{ margin-top:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-bottom:10px; overflow:auto;} .TopSelect div.LeftLab{ width:auto; clear:none; margin-right:20px; float:left} .TopSelect div.LeftInp{ width:auto; clear:none; margin-right:0px; float:left; margin-right:30px;} .attachentContent{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:auto; padding:0;} .attachentContent div.Attach{ width:21px; float:left; clear:both; margin-right:5px;} .attachentContent div.Attach img{ max-width:21px; opacity:0.5;} .attachentContent div.Message { width: 92%; clear: none; float: left; } .searchfield_FullTextArea{/*added when the archive section in abscent*/ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 99.8% !important; padding: 5px 7px; background-color: #fff; color: #666666; border: 1px solid #bbbbbb; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; float:left; } .ThumbnailSlides{ margin:0px; padding:0px;} .ThumbnailSlides ul{ list-style:none} .SlideshowCont{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;} .SlideshowCont ul{ list-style:none; padding:8px; margin:10px;} .SlideshowCont ul li.SlideHead{ clear:both; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden; } .SlideshowCont ul li.SlideHead div.Author{ width:32px; height:32px; float:left; clear:none; margin-right:7px;} .SlideshowCont ul li.SlideHead div.Author img{ width:30px; height:30px; border:1px solid rgba(0, 0, 0, 0.1); padding:1px;} .SlideshowCont ul li.SlideHead div.AuthorName{ width:80%; float:left; font-size:14px; font-weight:bold; margin-top:0px;} .SlideshowCont ul li.SlideHead div.AuthorName div.Gray{ font-size:12px; font-weight:normal; color:rgba(0, 0, 0, 0.4); margin-top:2px;} .SlideshowCont ul li.SlideCont{ font-size:12px; color:#3333333; clear:both; min-height:50px; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-bottom:20px;} .SlideshowCont ul li.LikeComment { clear: both; text-align: left; margin-top:-8px; width:auto !important; background-color:#ffffff; overflow:auto; float:left; } .SlideshowCont ul li.LikeComment div.AutoDiv { width: auto; clear: none; float: left; margin-left: 5px; margin-right:5px; } .SlideshowCont ul li.LikeComment div.AutoDiv2 { width: auto; clear: none; float: left; margin-left: 5px; } .SlideshowCont ul li.LikeComment a { opacity: 0.5; } .SlideshowCont ul li.LikeComment a:hover { opacity: 1.0; } /* added on 06-10-2016****************/ .SocialCommentsInside { background-color:rgba(0, 0, 0, 0.05); padding: 8px; overflow: auto; margin-top: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333333; clear:both; } .SocialCommentsInside input[type="text"]{ border: 1px solid #d9d9d9; color: #999999 !important; font-family: Arial,Helvetica,sans-serif; font-size: 11px !important; font-style: italic; font-weight: normal; height: 20px; padding:2px 7px !important; width: 90.2%; } .SocialCommentsInside ul { margin: 10px; padding: 0px; list-style: none; max-height:40vh; overflow:auto; overflow-x:hidden; } .SocialCommentsInside ul li.CommentStrip { clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 6px 0px; margin-top: 5px; overflow: hidden; } .SocialCommentsInside ul li.CommentStrip div.CommentPic { width: 30px; height: 30px; float: left; clear: both; margin-right: 10px; } .SocialCommentsInside ul li.CommentStrip div.CommentPic img { max-width: 30px; margin: auto; border: 1px solid #d9d9d9; padding: 2px; } .SocialCommentsInside ul li.CommentStrip div.CommentPicSmall { width: 25px; height: 25px; float: left; clear: both; margin-right: 10px; } .SocialCommentsInside ul li.CommentStrip div.CommentPicSmall img { max-width: 25px; margin: auto; border: 1px solid #d9d9d9; padding: 2px; } .SocialCommentsInside ul li.CommentStrip span { font-size: 11px; color: rgba(0, 0, 0, 0.4); padding-left: 10px; } .SocialCommentsInside ul li.CommentStrip div.CommentText { width: 85%; float: left; clear: none; margin-right: 0px; } .SocialCommentsInside ul li.CommentStrip div.CommentText a { text-decoration: none; font-weight: bold; padding-right: 5px; } .SocialCommentsInside ul li.CommentStrip div.CommentText a:hover { text-decoration: none; color: #333333 !important; } .SocialCommentsInside ul li.CommentStrip div.CommentBox { width: 70%; float: left; clear: none; margin-right: 15px; } .SocialCommentsInside ul li.CommentStrip div.PostComment{ width: 10%; float: left; clear: none; margin-right: 0px; } .SocialCommentsInside ul li.CommentStrip div.CommentBox input[type="text"] { border: 1px solid rgba(0, 0, 0, 0.2); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; width: 97%; padding: 5px; } .SocialCommentsInside ul.Post { margin: 10px; padding: 0px; list-style: none; overflow:auto; overflow-x:hidden; display:block; } .SocialCommentsInside ul.Post li.CommentStrip { clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 6px 0px; margin-top: 5px; overflow: hidden; } .SocialCommentsInside ul.Post li.CommentStrip div.CommentPicSmall { width: 25px; height: 25px; float: left; clear: both; margin-right: 10px; } .SocialCommentsInside ul.Post li.CommentStrip div.CommentPicSmall img { max-width: 25px; margin: auto; border: 1px solid #d9d9d9; padding: 2px; } .SocialCommentsInside ul.Post li.CommentStrip div.PostComment{ width: 10%; float: left; clear: none; margin-right: 0px; } .LeftNorRightSpace { width: auto; float: left; margin-right:20px; } .WhatsnewSlidingDiv { border: 1px solid #d9d9d9; background-color:rgba(0, 0, 0, 0.02); color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; overflow: auto; padding: 5px; text-decoration: none; width: 95%; } .WhatsnewSlidingDiv ul.HideShow { display: block; list-style: outside none none !important; margin: 0 0 5px; overflow: auto; padding: 4px; width: 98%; } .WhatsnewSlidingDiv ul.HideShow li.LabelText1 { clear: both; float: left; padding-left: 5px; padding-top: 6px; width: 25%; margin-bottom:5px; } .WhatsnewSlidingDiv ul.HideShow li.FullDiv { padding-left: 5px; width: 95%; margin-bottom:15px; overflow:auto; } .WhatsnewSlidingDiv ul.HideShow li.InputSection1 { float: left; margin-left: 10px; width: 70%; margin-bottom:5px; } .WhatsnewSlidingDiv ul.HideShow li.InputSection2 { float: left; width: 40%; } .WhatsnewSlidingDiv ul.HideShow li.LabelText2 { clear: none !important; float: left; margin-left: 20px; padding-top: 6px; width: 7%; } .DateDivText{ width:auto; float:left; clear:none; margin-right:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top:7px;} .DateDivBox{ width:auto; float:left; clear:none;} .DateDivicon{ width:auto; clear:none; float:left; margin-right:30px; border:none !important;} .DateDivicon img{ border:none !important} .fbphotobox-main-image-table .tag-container img { width: 100% !important; } .ManAwdIcon { width: 30px !important; } .scrollable ul li.points{ width:105px !important;} /*30-03-2017*/ .ThemeLightLInk { background-color: #cfd4da !important; } .EmployeedashLeft{ width:60%; float:left; clear:both; overflow:auto;} .EmployeedashRight{ width:38%; float:left; clear:none; overflow:auto; margin-left:2%} .EmpDash_appstat{ border:1px solid #d9d9d9; padding:8px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; overflow:auto; overflow-x:hidden;} .Panhead{ padding:8px 0px; border-bottom:1px solid #d9d9d9; margin-bottom:15px; font-size:14px; margin-top:-8px; overflow:auto} .font10 { font-size:10px !important; } .box{ width:31%; float:left; clear:none; margin-right:3%;} .box:nth-of-type(4n) { margin-right:0px;} .box > .icon { text-align: center; position: relative; } .box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 68px; height: 68px; border: 8px solid white; line-height: 84px; border-radius: 50%; background: #63B76C; vertical-align: middle; } .box > .icon:hover > .image { background: #333; } .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; } .box > .icon:hover > .image > i { color: white !important; } .box > .icon > .info { margin-top: -40px; background: rgba(0, 0, 0, 0.01); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; border-radius:15px; } .box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; } .box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 21px; color: #222; line-height:12px; height:auto !important; margin-bottom:0px !important; margin-top:30px; } .box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 5px;} .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; } .box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; } .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; } .box .space { height: 30px; } .Max100 { max-width: 100%; } .Colorbox{width:32%; float:left; margin-right:8px; margin-top:10px; text-decoration:none !important;} .Colorbox:nth-of-type(3n) { margin-right:0px; } .tile-progress { background-color: #303641; color: #fff; } .tile-progress { background: #00a65b; color: #fff; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tile-progress .tile-header { padding: 30px 20px; text-align:center; font-size:50px; overflow:auto; /*padding-bottom: 40px;*/ } .tile-header div{ font-size:12px; text-align:center;} .tile-progress .tile-progressbar { height: 2px; background: rgba(0,0,0,0.18); margin: 0; } .tile-progress .tile-progressbar span { background: #fff; } .tile-progress .tile-progressbar span { display: block; background: #fff; width: 0; height: 100%; -webkit-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000); -moz-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000); -o-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000); transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000); } .tile-progress .tile-footer { padding: 20px; text-align: right; background: rgba(0,0,0,0.1); -webkit-border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-border-radius: 0 0 3px 3px; -moz-background-clip: padding; border-radius: 0 0 3px 3px; background-clip: padding-box; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; text-align:center; } .tile-footer h4{ font-size:16px !important;} .tile-progress.tile-red { background-color: #f56954; color: #fff; } .tile-progress { background-color: #303641; color: #fff; } .tile-progress.tile-blue { background-color: #0073b7; color: #fff; } .tile-progress.tile-aqua { background-color: #00c0ef; color: #fff; } .tile-progress.tile-green { background-color: #00a65a; color: #fff; } .tile-progress.tile-cyan { background-color: #00b29e; color: #fff; } .tile-progress.tile-purple { background-color: #ba79cb; color: #fff; } .tile-progress.tile-pink { background-color: #ec3b83; color: #fff; } .pct-counter{ font-size:14px; text-decoration:none !important;} .clearall { clear: both; } .minusmartop{ margin-top:-15px !important;} .tabs{} .tabs ul{margin:0;padding:0;float:left;list-style:none;height:27px;border-bottom:1px solid #c9c9c9; width:100%} .tabs ul li{float:left;margin:0;padding:0;height:27px;line-height:27px;border:1px solid #c9c9c9;margin-bottom:-1px;background:#CAD4DF;overflow:hidden;position:relative; border-radius:10px 10px 0px 0px; margin-left:7px; background-image:url(../images/tab_bg.jpg); background-repeat:repeat-x; color:#393939 !important;} .tabs ul li a{text-decoration:none;color:#000;display:block;font-size:12px;padding:0 10px;border:1px solid #fff;outline:none; } .tabs ul li a:hover{background:#ccc; } html .tabs ul li.active,html .tabs ul li.active a:hover{background:#fff;border-bottom:1px solid #fff}