@import url("utility.css");

/* GLOBAL */
body {background-color: #3D698A; background-image:url(../../Images/bg_gradient.jpg); background-repeat:no-repeat; background-position:center 4px; text-align: center;color: #343434;line-height: 1.5em; overflow-y:scroll; overflow-y:none; _overflow-y:none;}
a img {border: 0;}
div.quicktip {width: 140px; margin:0.5em 0 1em 1em; padding:0 5px; background-color: #F8F8F8; border: 1px solid #DDDDDD; float: right; font-size: 90%;}
div.quicktip h3 {margin: 0.6em 0 0.5em 0.1em; padding-bottom: 0.25em; border-bottom: 1px solid #e8e8e8; color: #47aa42;}
div.quicktip p {margin-bottom: 0.5em;}
table tr td, table th td {vertical-align: top;}
div.alert {background-color: #99CCEE; border-bottom: solid 1px #000; padding: 7px 0; width: 100%;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {color: #666; font-family: Arial, Trebuchet MS, Helvetica, Verdana, Tahoma, Sans-Serif;}
h2, h3, h4, h5, h6 {margin-top: 1.5em;}
h1 {font-size: 22px !important; padding-bottom: 0;	margin: 0.25em 0 1.25em; color: #555; line-height: 1.1em;}
h2 {font-size: 17px !important;	color: #555; padding: 0; margin-top: 0.75em; font-weight: normal;}
h4 {color: #999; margin: 13px 0 14px 0;	padding: 0;	font-size: 11px; letter-spacing: 0.1em;	border-bottom: 1px solid #eee;}

/* LINKS */
a:link, a:visited, a:active {color: #3D69B8;text-decoration: none;}
a:hover {color: #47aa42 !important; text-decoration: underline;}
#header ul {padding: 0;}
.headLine {display:block; border-bottom: 1px solid #77AED2; padding: 0 0 2px 0; margin: 0 0 10px 0;}
h1.headLine {margin:0 0 5px 0; padding: 25px 0 5px 0;}
h2.headLine {margin:10px 0 15px 0; border-bottom: 1px solid #C8C8C8;}
h1.clear {clear:both;}

/* MISC */
#tooltip {position:absolute;border:1px solid #999;background:#f7f5d1;padding:5px 7px;color:#333;display:none;font-size: 12px;text-align: left;line-height: 1.15em; -moz-border-radius: 4px; -webkit-border-radius::4px; z-index:999;}
#tooltip2 {position:absolute;border:1px solid #999;background:white; opacity:0.95; width:250px; padding:5px 7px;color:#333;display:none;font-size: 12px;text-align: left;line-height: 1.15em; -webkit-border-radius:4px; -moz-border-radius: 4px;z-index:999;}
blockquote { margin: 0 0 30px 30px; padding: 0; }
ul.chek li {padding: 0 0 0 2em; margin: 0 0 .5em 0;list-style-type: none; background-image: url(../../Images/bullet.gif); background-repeat: no-repeat; background-position: 10px 5px; }
a.button:link, a.button:visited, a.button:active { background-color: #0567a8; color: #fff !important; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 90%; margin: 0; padding: 0; }
a.green:link, a.green:visited, a.green:active {background-color: #dfecd0 !important; color: #626061 !important;}
a.button img {vertical-align: sub;}
a.button:hover { color: #C1EA90 !important; }
a.button[disabled]:hover { background-color: #ccc;}
a.button#homeProductButton, a.button#homeRegisterButton{background-color: #3D698A; color: #fff !important;}
a.button#homeProductButton:hover,a.button#homeRegisterButton:hover{color:#C1EA90 !important;}
.mainPageButtonContainer{padding: 5px; text-align:center;}
ul li ul { margin-top: .6em; margin-bottom: 1em;}
table { width:99% !important; margin-left: 1px;}
.contactTableImage{text-align:right; padding-right:1em;}
.searchBar {clear:both; padding: 15px 0; width: 100%;overflow:auto;}
.searchBox {background-color: #f8fef4; border: 1px solid #bedaa0; width: 200px;}
.imageButton {vertical-align: top;}
.numInboxMsgs { color: #C9F5B0 !important;}
div.userMessageDisplay {background-color: #3D698A; background-image: url(../Images/iRis.png); background-repeat: no-repeat; background-position: 5px center; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 290px; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -200px; height: 100px; text-align: center; display: none; padding-left: 110px; opacity:0.95; }
div.userMessageDisplay h2 {color: #FFF;}
div.implemented {background-color: #BFDAA0; border: 1px solid #8DA961; color: #648338;}
div.notImplemented {background-color: #FFDBDB; border: 1px solid #DB8B85; color: #C22020;}
input.implementedIcon {vertical-align: text-top;}
#LiveChatBoxPic { padding: 0 0 15px 100px; }

/* BREAD CRUMB */
div.breadCrumbTrail {background-color:#F5F8F8; border-top:4px solid #BFDAA0; color:#889999; font-size:85%; margin:0 auto; text-align:left; width:960px;}
div.breadCrumbTrail ul.breadCrumbList {list-style-type: none; margin: 0; padding: 5px 0;}
div.breadCrumbTrail ul.breadCrumbList li {background-image: url(/SecurePortal/Images/bcSeparator.png); background-repeat: no-repeat; background-position: left center; display: inline; margin: 0 0 0 10px; padding-left: 15px;}
div.breadCrumbTrail ul.breadCrumbList li.first {background-image: none; display: inline; margin: 0 0 0 10px; padding-left: 15px;}
div.breadCrumbTrail ul.breadCrumbList li.first img {display: inline; vertical-align: baseline;}

/* CHECKBOXLIST */
.checkBoxList {border: 1px solid #000000; height: 70px; width: 250px; overflow: auto; margin-bottom: 20px;}
.checkBoxList table {margin-bottom: 0px;}
.checkBoxList table td:hover {background-color: #F4FDE9;}

/* GRIDVIEW */
table.gridView { border: 1px solid #D2E2BF; }
table.gridView tr:hover { background-color: #E4EDD9; }
table.gridView tr.gridViewHeader:hover { background-color: #BFDAA0; }
table.gridView tr.gridViewHeader { border: 1px solid #a0bc80 !important; }
table.gridView tr td { border: 1px solid #d2e2bf; }
table.gridView tr.gridViewHeader th { border: 1px solid #a0bc80; }
.gridView {background-color: #f9fef4; border-bottom: solid 1px #bfdaa0; color: #4d4d4d;}
.gridView p {margin: 0;}
.gridView p.description {font-size: 0.9em;}
.gridViewHeader {color: #60981b; background-color: #bfdaa0; font-weight: bolder; vertical-align: top; text-align: left; white-space: nowrap;}
.gridViewColumn {vertical-align: top !important;}
.gridViewHiddenColumn {display: none;}
.gridViewAlternateRow {background-color: #f4fde9;}
.gridViewRiskCategoryColumn {width: 25%; font-size: 90%;}
.gridViewTypeColumn {width: 10%; text-align: center; font-size: 90%;}
.gridViewActionsHeader {text-align: center; vertical-align: top;}
.gridViewActionsColumn {vertical-align: top;}
.gridViewActionsColumn ul.actions {list-style: none; margin: 0 !important; text-align: center;}
.gridViewActionsColumn ul.actions li {display: inline; margin: 0 !important;}
.gridViewActionsColumn ul.actions li a {display: inline !important; float: none !important; text-decoration: none;}
.gridViewActionsColumn ul.actions li a img {display: inline !important; vertical-align: top !important;}
.gridViewActionsColumn ul.actions li input {display: inline !important;}
.gridViewResourceNameHeader {padding-left: 30px; width: 40%; text-align: left;}
.gridViewNoResults {padding: 8px; border: 1px solid #C8C8C8; background-color: #F7F8FA; color:#555555; margin-bottom: 15px;}
.gridViewPager {float: left; width: 100%; margin-bottom: 20px;}
.gridViewFooter {float: left; width: 100%;}
.gridViewFooter div.row {float:left; width: 100%; margin-bottom: 20px;}
.rowRequestReview {background-color: #FFCF87;}
.rowRequestApproval {background-color: #FFFEAF;}
.rowRejected {background-color: #FF6E5B;}
.rowApproved {background-color: #f4fde9;}
.gridView th {border-bottom:1px solid #a0bc80;}
.gridView tr {border-bottom:1px solid #d2e2bf;}
.riskCategoryLabel {font-size: 90%; color: #888;}
.riskCategoryDropDown { background-color:#F8FEF4; border:1px solid #BEDAA0; font-size: 92%; color: #444;}
#showNumberResultsDropDownList{float:left; width: auto;}

/* LIBRARY */
.resourceType {background-repeat: no-repeat; background-position: 10px 6px; padding-left: 30px;}
.document {background-image: url(../../Images/document.gif);}
.link {background-image: url(../../Images/link.gif);}
.attachment {background-image: url(../../Images/attachment.gif);}
.partner {background-image: url(/SecurePortal/Images/icon_Partner.png);}
.Informational {background-image: url(/SecurePortal/Images/icon_informational.png);}
.Actionable {background-image: url(/SecurePortal/Images/icon_actionable.png);}

/* LIBRARY TABS */
ul#tabnav { text-align: Right; margin: 28px 0 16px 0; font: bold 11px verdana, arial, sans-serif; border-bottom: 1px solid #77AED2; list-style-type: none; padding: 3px 10px 3px 10px;}
ul#tabnav li { display: inline; margin:0 0 0 0.3em;}
#libraryH1{float:left; margin:0 0 0 3px;}
li#selectedTab { border-bottom: 1px solid #fff !important; background-color: #fff !important; border-bottom:none; color: #3d698a; position: relative; bottom: -1px; padding-top: 4px; }
li#selectedTab a{ background-color: #fff !important; color: #3d698a !important; }
ul#tabnav li a { padding: 5px 15px 3px 15px; border: 1px solid #77AED2; background-color: #D3E4F6; color: #9BA2A6; margin-right: 0px; text-decoration: none; border-bottom: none; font-size:1.35em; text-transform: uppercase; letter-spacing: 0.07em; 
                 font-weight:normal; -moz-border-radius-topleft:.25em; -moz-border-radius-topright:.25em; -webkit-border-top-right-radius:.25em; -webkit-border-top-left-radius:.25em;}
ul#tabnav a:hover { background: #fff; color:#3d698a !important;}

/* INBOX */
.messageRead{font-weight:bold !important; color: #4D4D4D;}
h2.InboxSubject{margin-top:0; margin-bottom:0.25em;}
.InboxDeleteAction{text-align:center;}
.inboxPager tr{float:left; 	width:3em;}
.inboxPager {background-color:#bfdaa0;}
.inboxPager td { padding-right:1em;width:3em;}
.inboxPager td table{margin:0;}
.gvInbox {width:99.9% !important;}
#showMessagesDropDownList{width:50%; float:right; text-align:right;}
#showNumberMessagesDropDownList{width:49%; float:left; }
.inboxDateColumn {font-size: 80%;}

/*INBOX VIEW MESSAGE*/
#messageBodyDiv, #messageHeaderDiv {border: 1px solid #BFDAA0; background-color: #f4fde9; padding: 10px;}
#messageHeaderDiv {background-color: #BFDAA0;}

/* RESOURCEGRID */
div.row div.stateLegend {float: right; text-align: right; width: 47em}
div.row div.stateLegend ul {list-style-type: none;}
div.row div.stateLegend ul li {border: 1px solid #CCC; display: inline-block; height: 1.5em; margin: 0 0 0 5px; text-align: center; width:9.5em;}
div.row div.stateLegend ul li.title {border: 0px; display: inline-block; width: auto !important;}
.solutionsCheckBoxList {float: left;}

/* SOLUTION */
#totalSolutionsSpan{float:right; font-weight:normal; color:#888; font-size: 90%; padding-right:1em;}
.folderImage{position:relative; top:-3px; right:1px;}

/* HEADER */
div#header {width:960px; margin: 0 auto; z-index: 1000;}
div#header960 {height: 109px;position: relative; margin: 0 auto;padding: 0;text-align: left;color: white; z-index: 1500;}
div.greenBar {width:960px; margin: 0 auto; background-color: #bfdaa0; height: 4px; border-bottom: 1px solid #b3d292;}
div#header .upgradeToPremium {position:absolute; top:15px; left: 220px; }
div#header span.welcome {color: #617D90; position: absolute;top: 21px;right: 208px;text-align: right; font-size: 13px; text-align:right;}
div#header span.welcome a:hover {color: #FFF !important; text-decoration: underline;}
div#header a.profileLink {color: #C9F5B0 !important;}
div#header a.profileLink:hover {text-decoration: underline !important;}
div#header a:link, div#header a:visited, div#header a:active {color: #cbdfed; text-decoration: none; }
div#header a:hover {color: #fff !important;}
div.headerTitle {position: absolute; bottom: 0; right: 0;}
div.headerTitle h1 {color: #B5DFDD; margin: 0 10px 10px 0;}

div#header ul#topnav {position: absolute; top: 74px; left: 207px; border: 0;padding: 0;margin: 0; z-index: 2000;}
div#header ul#topnav li {background-image: url(/Images/ClearRiskMenu.png); float: left; display: block; height: 35px; list-style-type: none; margin: 0; font-size: 14px; z-index: 2500;}
div#header ul#topnav li a {display: block; height:35px;}
div#header ul#topnav li ul.subnav {list-style: none; position: absolute; top: 34px; margin: 0; padding: 0; display: none; border: 1px solid #668422; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; z-index: 3000;}
div#header ul#topnav li ul.subnav li {background-color: #A5C94F; background-image: none; height: 1.5em; margin: 0; padding: 2px 5px; border-top: 1px solid #94B63E; border-bottom: 1px solid #BDE167; clear: both;}
div#header ul#topnav li ul.subnav li:hover {background-color: #94B63E;}
div#header ul#topnav li ul.subnav li a {color: #F0FFCF; display: block; font-size: 0.85em; text-shadow: -1px -1px 0px #678E25;}

div#header ul#topnav li ul.aboutUs li {width: 8.35em;}
div#header ul#topnav li ul.products li {width: 8.6em;}
div#header ul#topnav li ul.resources li {width: 9.35em;}

.headerSignup {position: absolute;top: 20px;right: 0px;}
.headerLogin {position: absolute;top: 20px;right: 105px;}
div#header a.logo {position: absolute;top: 5px; left: 18px; z-index: 2;}
img#bgGradient {display: block; height: 106px; position: absolute; top: 0px; left: 50%; margin-left: -558px; width: 1117px; z-index: 0;}
img#supportNumber {display: block; height: 21px; position: absolute; top: 22px; left: 220px; width: 199px; z-index: 1;}

div#header ul#chatcorpcont {position: absolute; top: 22px; left: 462px; padding: 0; margin: 0; width: 271px;}
div#header ul#chatcorpcont li {background-image: url(/Images/ChatCorpSiteContactUs.png); display: block; float: left; height: 21px; list-style-type: none; margin: 0;}
div#header ul#chatcorpcont li a {display: block; height: 21px;}
div#header ul#chatcorpcont li#chatLive {background-position: 0 0; width: 73px;}
div#header ul#chatcorpcont li#chatLive:hover {background-position: 0 21px; width: 73px;}
div#header ul#chatcorpcont li#corporateSite {background-position: -73px 0; width: 114px;}
div#header ul#chatcorpcont li#corporateSite:hover {background-position: -73px 21px; width: 114px;}
div#header ul#chatcorpcont li#contactUs {background-position: -187px 0; width: 84px;}
div#header ul#chatcorpcont li#contactUs:hover {background-position: -187px 21px; width: 84px;}

/* NAVIGATION */
div#header ul#topnav li#home {background-position: 0 0; width: 105px;}
div#header ul#topnav li#home:hover {background-position: 0 35px;}
div#header ul#topnav li#aboutUs {background-position: -105px 0; width: 128px;}
div#header ul#topnav li#aboutUs:hover {background-position: -105px 35px;}
div#header ul#topnav li#products {background-position: -233px 0; width: 131px;}
div#header ul#topnav li#products:hover {background-position: -233px 35px;}
div#header ul#topnav li#whatIsRM {background-position: -364px 0; width: 246px;}
div#header ul#topnav li#whatIsRM:hover {background-position: -364px 35px;}
div#header ul#topnav li#resources {background-position: -610px 0; width: 143px;}
div#header ul#topnav li#resources:hover {background-position: -610px 35px;}

/* MAIN CONTENT */
div#maincontent {width: 960px;margin: 0 auto 0 auto;text-align: left;padding: 0;clear: both; background-color: #fff; overflow:hidden;}
div#maincontentinner {padding: 34px 25px 30px 25px; overflow:hidden; margin:0; position:relative;}

/* FOOTER */
div#footer {clear: both; position: relative;width: 960px;margin: 0 auto;padding: 0;text-align: left;color: #578;font-size: 12px; height: 90px;}
div#footer a:link, div#footer a:visited, div#footer a:active {color: #CBDFED;text-decoration: none;}
div#footer a:hover {color: #fff !important; text-decoration: underline;}
div#footer span#bottomsubnav a:link, div#footer span#bottomsubnav a:visited, div#footer span#bottomsubnav a:active {color: #7ac;text-decoration: none;}
div#footer span#bottomsubnav a:hover {color: #fff;}
div#footer span#bottomnav {position: absolute;left: 0;top: 18px;}
div#footer span#bottomsubnav {position: absolute;left: 0;top: 40px;font-size: 12px;}
div#footer span#bottomactions {position: absolute;right: 0;top: 18px;}
div#footer span#copyright {position: absolute;right: 0;top: 40px;font-size: 11px; color: #69b;}
div#footer span#copyright2 {position: absolute; right: 0; top: 18px; font-size: 11px; color: #69B;}

/* LARGE CALENDAR 
table.largecalendar td {text-align: center;}
table.largecalendar {background-color: #cad8e2;width: 100%;}
table.largecalendar a {font-size: 11px;display: block;}
table.largecalendar td#largecaltoday {background-color: #e3f0bc;}
table.largecalendar td {padding: 2px;margin: 0;}
tr#largecalendardays {background-color: #e3f0bc;}
tr#largecalheader {font-weight: bold;}
table.largecalendar tr.largecalwhite {background-color: #ffffff;height: 70px;}
table.largecalendar tr.largecalwhite td {vertical-align: top;text-align: left;width: 14%;}
table.largecalendar tr.largecalwhite td:hover {background-color: #ebf4d0;}


/* PROGRESS INDICATOR 
div#progressindicator {padding-top: 2px;}
div#progressouter {background-color: #6392ad;border: 1px solid #6392ad;height: 20px;width: 100%;margin-top: 8px;}
div.progressbar {background-color: #e3f0bc;height: 20px;position: relative}
div.progressbar span {position: absolute;font-size: 10px;right: 8px;}
#progressindicator h1 {font-size: 15px;margin: 0;padding: 0;padding-top: .2em;}
#progressline {width: 99%;border-top: 1px solid #c7cfd5;margin-top: -.1em;}

/* DASHBOARD COLUMNS */
#innersidebar {width: 196px;float: left;overflow: auto;margin-right: 8px;padding-left: 1px;height: 100%;}
div#dashboardCenter {width: 525px;float: right;}
div.risktoolcolumn {width:620px;float:right;}
.rtsummary {border: 1px solid #ddd;padding: 10px 20px 10px 20px;background-color: White;background-image: url(/Images/bg_footer.gif);background-repeat: repeat-x;background-position: 0 -1px;margin: 10px 0;overflow: auto; position: relative;}
.premium { border: 2px solid #a4b6c3; padding: 9px 19px 9px 19px !important; background-image: url(/Images/bg_premium.gif); background-repeat: no-repeat; background-position: top right; }
.buttonPanel{ width:150px !important; float: right; }
.rtinfo {color: #888;font-weight: normal;font-size: 8pt;font-style: normal;}
.rtbox {border: 1px solid #ddd;padding: 20px 30px 20px 30px;background-color: White;background-image: url(/Images/bg_footer.gif);background-repeat: repeat-x;background-position: top; position: relative;}
.buttonbox {background-image: url(/Images/bg_footer.gif);background-repeat: repeat-x;background-position: 0 -1px;padding: 5px;float: right;border: 1px solid #ddd;}
.top {border-bottom: 0 !important;}
.bottom {border-top: 0 !important;}

/* ECOMMERCE */
div.ErrorMessage p {color:Red !important;}
a.button:link, a.button:visited, a.button:active, a.button[disabled] {padding: 4px 6px 6px 6px;	margin: 0 0 0 5px;}

/* RM PLAN - CATEGORIES */
div.categoryHeaderPanel {padding: 10px; background-color:#e8eff2; border-bottom: 1px solid #d4d9e0;}
div.categoryPanel {display: block; margin: 10px 0; border: 1px solid #dddddd; background-color: #f7f8fa; position: relative;}
div.categoryPanel a.categoryName:link, div.categoryPanel a.categoryName:visited, div.categoryPanel a.categoryName:active {font-size: 15px;}
a.itemLink {font-size: 14px;padding: 0 0 0 15px;background-image: url(/SecurePortal/Images/Icons/icon_document.gif);background-repeat: no-repeat;background-position: 0% 50%;}
div.categoryPanel span.activeInactiveCount {padding-left: 5px;color: #999;}
div.categoryPanel a.redCount {position: absolute;right: 192px;background-image: url('/images/icon_red.gif');padding-right: 16px;background-position: 100% 50%;background-repeat: no-repeat;color: #999;font-size: 12px;text-align: right;}
div.categoryPanel a.yellowCount {position: absolute;right: 151px;background-image: url('/images/icon_yellow.gif');padding-right: 16px;background-position: 100% 50%;background-repeat: no-repeat;color: #999;font-size: 12px;text-align: right;}
div.categoryPanel a.greenCount {position: absolute;	right: 110px;background-image: url('/images/icon_green.gif');padding-right: 16px;background-position: 100% 50%;background-repeat: no-repeat;color: #999;font-size: 12px;text-align: right;}
div.categoryPanel span.percentage {position: absolute;right: 60px;}
div.categoryPanel input.catRemoveButton { position: absolute; right: 10px; }
div#rmplan div.rmplantool {border: 1px solid #dddddd; background-color: #f8f8f8; margin: 14px 0 10px 0; padding: 0 10px;}     
.loadingImage {position: absolute;top: 8px;right: 234px;}  
 
/* RM PLAN - RISK TOOLS */
div.rmplanrisktool {border-bottom: 1px dashed #ccc; padding: 8px 10px 0 10px; margin: 7px 0; position: relative; overflow: hidden;}
div.rmplanrisktool p {padding: 10px 0; margin: 0;}
span.percentNumber {width: 50px !important; text-align: right;position: absolute;right: 10px;top: 9px;}
div.rmplanrisktool span {display: block;overflow: auto;clear: both;}
div.footerContainer {clear: both;overflow: auto;padding: 8px 0 12px;}
div.priorityContainer { float:right;font-size: 11px;margin-right: 18px;}
div.progressPanel {float:right; font-size: 11px;}
.removeButton {float: right;margin-left: 9px;}
div.dateDueContainer {float: right; padding-right: 18px;font-size: 11px;}
.datepicker{vertical-align: middle; font-size:10px; padding: 0px 1px 1px 1px; margin: 2px 5px; width:60px;}
.ui-datepicker-trigger{vertical-align: middle;}
span.versionDetails {color: #888;font-weight: normal;font-size: 8pt;font-style: normal; float: left;}
select.priorityCombo, select.percentCompleteCombo { vertical-align: middle; font-size: 11px;color: #555;}
a.editButton {float: right;}
.popupCalendar {background-color: White;border: 1px solid #888;}
*:active {outline: 0;}
ul.childDocuments { margin: 0; padding: 4px 0 0 0;line-height: 1.3em; list-style-type: none;}
div.rmplanrisktool ul.childDocuments li {background-image: none !important; font-size: 11px !important;}
ul.childDocuments li a:link, ul.childDocuments li a:visited, ul.childDocuments li a:active {margin: 1px;padding: 0 15px 0 15px;background-image: url(/SecurePortal/Images/Icons/icon_document.gif);background-position: 0px 2px;background-repeat: no-repeat;display: block;}
div.buttonPanel {position: absolute; right: 40px; top: 20px; text-align: right;}

div.riskToolSearchFooterLeft {width:100px ! important;float:left; background-color:blue; margin-left:30px;}
div.riskToolSearchFooterRight {float:right; margin-right:30px;}
div.bottomRightPanel {width:40px ! important; padding-bottom: 30px; clear:both; float:right; background-color:green;}


/*DropDownMenu (outside) */
/* LEVEL ONE  */
/*
ul.dropdown                         {position: relative; float:left !important; font-family: Serif !important; list-style: none; }
ul.dropdown li                      {font-weight:normal !important;  margin:0 0 0 3px !important; padding-left:2px; padding-right:2px;}
ul.dropdown a:hover		            {color:gray !important; background-color:#BFDAA0;}
ul.dropdown a:active                {}

ul.dropdown li a                    { display: block; padding:4px 0px; font-size:0.8em; }
ul.dropdown li:last-child a         { border-right: none;  } /* Doesn't work in IE */

/*
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; background-color:#BFDAA0; }
ul.dropdown li a:hover              {}
ul.dropdown li.hover a              {}
li.topNavListItem					{background-color:#BFDAA0 !important;  -moz-border-radius-topleft:4px !important; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;}
li.topNavListItem:hover				{-moz-border-radius-topleft:4px !important; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;}
li.topNavListItem a					{color:Gray !important;}
/* LEVEL TWO */

/*
ul.dropdown ul 				        { width:15em; background-color:#3d698a; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; margin:0 0 0 0 !important; z-index:1; }
ul.dropdown ul li 			        { font-weight: normal; background: #bfoaa0 !important; color: Red ; border-bottom: 1px solid #BFDAA0; float: left; width:100% ; }
                                    /* IE 6 & 7 Needs Inline Block */
                                    
/*
ul.dropdown ul li a					{ border-right: none; width: 100%; display:inline-block; z-index:0; color:Black !important } 
ul.dropdown ul li a:hover			{color:Orange !important;} 


ul.dropdown ul li:hover             {padding-bottom:0px;}


/* LEVEL THREE */
/*
ul.dropdown ul ul 					{left:100% !important; top: 0; list-style: none; }
ul.dropdown ul a:hover              { }
ul.dropdown li:hover > ul 			{ visibility: visible; }



.navLink                            {}
.navLink:hover                      {}
.sub_menu                           {margin:0px; padding:0px;}


/* RM PLAN (re-design) */

#RMPlanHeader{ position:relative; overflow:hidden; padding-top:7px; border-bottom: 1px solid rgb(119, 174, 210); clear: both; padding-bottom: 2px;}.RMPlan{float:right; margin-top:-25px; width:575px}
#RMPlanHeader a img {float: right;}
.ReportingButtonPanel{background-color:#E8E8E8; color:#878787; border-top:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; overflow:auto; padding:0.5em 0.5em; margin-bottom:1em; }
.rightReporting{float:right;}
.leftReporting{float:left; width:50%; font-size:0.9em;}
.riskMapContainer{ padding: 5px 5px 16px 16px; height:280px; padding-bottom: 20px; }
.riskMapColumn{overflow:visible; position:absolute; }
.UpdateRiskMap {background-color:#FFDBDB; border-bottom:1px solid #F39797; border-top:1px solid #F39797; color:#B70000; display:none; margin:auto 25px auto auto; overflow:auto; padding-bottom:0.4em; padding-left:3px; padding-top:0.4em; position:relative; top:20px; width:298px; }


td.rmSolutionPercentComplete{text-align:center; vertical-align:top; padding-top:0.5em !important;}
td.solutionContent{vertical-align:top; padding-top:0.5em !important;}
td.emptySolution{color:gray; font-size:0.8em; padding:0 0.4em;}
td.deleteSolution{vertical-align:top; padding-top:0.5em !important;}
.rmRisk{font-size:medium; padding-left:0.5em; text-align:left; }
.multiply, .equals{text-align:center; width:1em;}

.riskSeverityDropDown{text-align:center; color:#4E8B0C;}
.riskFrequencyDropDown{text-align:center; color:#3D698A;}

.riskManagementRow{border-bottom: 1px solid #9CC859 !important;}
.riskFactorTextBox{border:none; background-color: Transparent; font-size:medium; color:#A71520; text-align:center;}

.rmTable {}
.rmFrequency{font-size:small; text-align:center; width:5em; font-weight:200;}
.rmSeverity{  font-size:small; text-align:center; width:5em;  font-weight:200;}
.rmRiskFactor{ font-size:small; text-align:center; width:6em; font-weight:200;}
.rmPercentComplete{ font-size:small; text-align:center; width:6em; color:#3D698A; font-weight:200;}
td.rmPercentComplete{font-size:medium; font-weight:normal;}
.rmDeletePlan{padding-left:0.4em;}

.rmTable th{white-space:nowrap;}
.rmTable th.rmFrequency {color:#3D698A;}
.rmTable th.rmSeverity{color:#4E8B0C;}
.rmTable th.rmRiskFactor{color:#A71520;}
.rmTable td{padding-top:3px; padding-bottom:3px;}
.rmTable tr{background-color:#e8ffd8; }
.rmTableHeaderRow{background-color:#EDEDED !important; border-bottom:1px solid #CACBC6;}

.spacerRow{background-color:#ffffff; height:0.75em;}

.divForAddingRisksButton{margin-bottom:0.7em; margin-top:-1.4em; margin-left:0.5em; overflow:auto;}
.showTopTenRisks{display:inline;}
.rmTable{position:relative; top:0px;}
.rmTable th{padding-top:2px; padding-bottom:2px;}

.riskInformationButton{font-size:0.8em; color:Black !important;}
.hiddenOnLoad{display:none ;}

.rmPlanSolutionRow{margin-top:0 !important; background-color:#F0F9E8 !important; border-bottom: 1px solid #9CC859;}
.solutionHeader{margin:0 0 0 0; padding-bottom:0.5em; font-size:0.8em; }
.rmSolutionIcon{padding-bottom:5px; padding-left:0.5em;}
ul.rmSolutionList li{display:block;}


a.riskMapPoint {background-image:url('../SecurePortal/Images/bg_riskdot_sprite.png');  display:block; width:18px; height:18px; position:absolute !important; letter-spacing:-1px; line-height:16px; text-align:center; font-size:10px; cursor:pointer; cursor:-moz-grab; color:White; text-decoration:none;}
a.riskMapPoint:hover, a.selectedMapPoint{z-index:2; background-image:url('../SecurePortal/Images/bg_riskdot_sprite.png'); background-position:0 18px;}
.popupwindow{}

/*Rm Plan 2*/
#rmPlanHeader{padding:3px 0 5px;}
.rmPlanImageHeader{float:right; clear:both; margin-top:0.5em;}
.expandAndCollapseAllRisksDiv{width:auto; float:right; font-size:0.85em; }
.planRisk{background-color:#DEECD1; border:1px solid #BEBEBE; background-image:url('../SecurePortal/Images/RMPlan_BG.png'); background-repeat:repeat-y; background-position:307px; clear:both; width:100%;}
.innerPlanRiskRight{float:right; color:#000000;}
span.rmRiskCategory{color:#4E8B0C; display:block; font-size:0.9em; line-height:1em; margin-left:3.8em; padding-bottom:0.6em;}
span.rmRiskCategoryTitle{color:#4E8B0C; font-size:0.9em; color:#4E8B0C; }
.rmPlanTitle{color:#555555; font-size:22px !important; line-height:1.1em; margin:0 0 0.3em; font-family:Arial,Trebuchet MS,Helvetica,Verdana,Tahoma,Sans-Serif; padding-bottom:0;}

.rmPlanFrequency{float:left; width:46px;background-color:Transparent; text-align:center;  padding:0.2em 0;}
.rmPlanSeverity{float:left; width:46px; background-color:inherit; text-align:center;  padding:0.2em 0;}
.rmPlanRiskFactor{float:left; width:46px; background-color:inherit; text-align:center;  padding:0.2em 0;}
.rmPlanNumSolutions{float:left; width:46px; background-color:inherit; text-align:center;  padding:0.2em 0; color:#43a499;}
.rmPlanPercentComplete{float:left; width:46px; background-color:inherit;text-align:center; padding:0.2em 0; color:#646464;}
.rmPlanDeletePlanRisk{float:left; width:35px; text-align:center; padding:0.3em 0;}	
.rmPlanRiskTitle{padding:0.2em; }

.rmPlanModeMessageDisplayDiv{background-color:#CCE6B3; border:thin solid #a2ce73; margin-bottom:1em; margin-top:1em; padding:0.5em;}

.rmPlanHeader{border-bottom: 1px solid rgb(205, 205, 205); overflow: hidden; position: relative; margin-bottom: 0.5em; padding-left: 0.2em; width:100%;}
.riskFrequencyDropDown{text-align:center; color:#3D698A; background-color:#d9dee1; border:none;}
.riskSeverityDropDown{text-align:center; color:#4E8B0C; background-color:#dbe1d4; border:none;}
.riskFactorLabel{color:#b6174d;}

.riskInformationButton{font-size:0.9em; color:Black !important;}
.expandAndCollapseAllRisksDiv a{color:#3286bb !important;}
.hiddenOnLoad{display:none;}

.cautionImage{vertical-align:middle;}
.updatePlanImageButton{float: right; margin-right: 4px; background-color:Red; color:White;}

.rmPlanSolutionContainer{background-color:#f0f9e8; border: 0 1px 1px; border-left:1px solid #CDCDCD; border-right:1px solid #cdcdcd; width:100%; }
.innerSolutionRight{float:right;}
.rmPlanSolution, .emptySolution{border-bottom:1px solid #CDCDCD; padding-left:1em; clear:both;}
.emptySolution{font-size:0.8em;}
.rmPlanSolutionPercentComplete{float:left; width:46px; background-color:#E2EADA; text-align:center;}
.rmPlanDeleteSolution{float:left; width:34px; text-align:center;  }
.addMoreSolutions{text-align:right; padding-right:1em; font-size:0.7em;}
.spacerDiv{height:0.5em;}
.ReportingButtonPanel{background-color:#E8E8E8; color:#878787; border-top:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; overflow:auto; padding:0.5em 0.5em; margin-top:0.5em; }
.planRisk:hover, .over{ background-color: #cce6b3; background-image:url('../SecurePortal/Images/RMPlan_BG2.png'); background-repeat:repeat-y; background-position:307px; }	

.upgrade{background-color:#FFDBDB; color:red; text-align:center; margin: auto; clear:both; font-size:0.9em; width:90%; border-bottom:1px solid #F39797;
border-top:1px solid #F39797;}
.planRiskCheckBox input, .reportingDDL{vertical-align:middle;}
.riskMap{background-image: url('../SecurePortal/Images/bg_riskmap.png' ); background-repeat: no-repeat; width: 299px; height: 299px; position: relative; width: 299px; height:299px; padding:5px 5px 20px 16px;}
.planHeaderTitle{color:#555555; font-family:Arial,Trebuchet MS,Helvetica,Verdana,Tahoma,Sans-Serif; font-size:22px !important; line-height:1.1em; position:relative; top:35px;}

.linkForTooltip{display:block;  position:absolute;}
#frequencyTooltipLink{height:100px; left:0; top:110px; width:15px;}
#severityTooltipLink{height:16px; left:115px; top:308px; width:100px;}
                       
div#saveReportDiv{text-align:center; margin:auto;}
div#saveReportDiv *{color:#3286BB; padding:0.5em;}

/*RM PlAN END*/
div#rmPlanHeadPanelTop { overflow:auto;  }
div#rmPlanHeadPanelTop input { color:#777773; background-color:#F8FEF4; border: 1px solid #D0E5BA; outline:none; } 
div#rmPlanHeadPanelTop input:active { background-color:#CFF8B4; border: 1px solid #B6D694; outline-color:#B6D694; } 
div#rmPlanHeadPanelBottom { padding-bottom:30px; }
div.rmPlanHeadLeft { float:left; display:inline;}
div.rmPlanHeadRight { float:right; display:inline;} 
.greenSearchBar { background-color:#F8FEF4; border: 1px solid #D0E5BA; } 
.greenButton input{ color:#777773; background-color:#F8FEF4; border: 1px solid #D0E5BA; outline:none; } 
.greenButton input:active { background-color:#CFF8B4; border: 1px solid #B6D694; outline-color:#B6D694; } 

/* CREATE/EDIT RESOURCE PAGES*/
div.editorRow {clear: both; margin: 0 0 20px; width: 100%;}
div.editorRow div.column {width: auto;}
div.editorRow div.column input.riskToolName {background-color: #F8FEF4; border: 1px solid #BEDAA0; margin: 0 20px 0 0; width: 250px;}
div.editorRow div.column input.attachmentName {background-color: #F8FEF4; border: 1px solid #BEDAA0; width: 575px;}
div.editorRow div.column select.riskCategory {background-color: #F8FEF4; width: 280px;}
div.editorRow div.column select.riskToolType {background-color: #F8FEF4; width: 150px; margin: 0 20px 0 0;}
div.editorRow div.column select.classification {background-color: #F8FEF4; width: 150px;}
div.editorRow input.linkUrl {background-color: #F8FEF4; border: 1px solid #BEDAA0; width: 100%;}
div.editorRow textarea.riskToolDescription {background-color: #F8FEF4; border: 1px solid #BEDAA0; height: 50px; padding: 0px; width: 100%;}
div.editorRow textarea.riskToolNotes {background-color: #F8FEF4; border: 1px solid #BEDAA0; height: 100px; padding: 0px; width: 100%;}
div#optionsContainer {float: right;}

.resourceDescriptionTextBox {height: 140px; margin-bottom: 20px; padding: 0px; width: 100%;}
.resourceNotesTextBox {height: 75px; margin-bottom: 20px; padding: 0px; width: 100%;}
.linkTextBox {padding: 0px; width:100%;}
.attachmentTextBox {margin-bottom: 20px; padding: 0px; width: 100%;}
.lc_dropDownList {margin-bottom: 20px; width: 250px;}
.modTools {position: absolute; top: 10px; right: 10px;}

/* RESOURCE VIEWER */
div.commentContainer {float: right; margin-bottom: 10px; padding: 0 20px; width: 75.5%;}
div.ratingsContainer {float: right; margin-bottom: 10px; padding: 0 20px; width: 75.5%;}
div.descriptionBox {background-color: #DFECD0; border: solid 1px #BFDAA0; float: right; width: 75.5%; margin-bottom: 10px; padding: 10px 20px;}
div.descriptionBox div {margin: 0 0 10px;}
div.descriptionBox h2 {margin: 0.25em 0 0.75em !important}
div.actionColumn {float: left; margin: 0; overflow: auto; position: relative; width: 160px;}
div.actionColumn ul {list-style-type: none; margin: 0;}
div.actionColumn ul li {background-color: #DFECD0; border: solid 1px #BFDAA0; font-size: 90%; margin: 0 5px 10px 0; padding: 5px 5px;}
div.actionColumn ul li.logo {background-color: #FFF; border: 0px; margin: 0; padding: 0;}
div.actionColumn ul li.logo:hover {background-color: #FFF;}
div.actionColumn ul li a {display: block;}
div.actionColumn ul li:hover {background-color: #F9FEF4;}

/* RISK CATEGORY CONTROL */
div.instructionBox {border: 1px solid #ddd; background-color: #f8f8f8; padding: 20px; margin-bottom: 1.5em; overflow: hidden; clear:both;}
div.riskHeaderColumn {float:left; padding: 0 15px; overflow:auto; width: 258px;}
div.riskHeaderColumn ol li {line-height: 2.3em;}
div.riskHeaderColumn ul {list-style-type: none;}
div.riskHeaderColumn ul li {line-height: 2.3em;}

/* PROFILE - Skeleton and body*/
#ProfileContainer {	overflow:auto; }
#userImageBox { border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555; padding-left:20px; width:400px;}
#imageLabelsContainer { margin-top:15px; overflow:auto; }
#imageLabelsContainer label { clear:both; display:block; float:left; line-height:20px; color:#555555; width:150px !important; font-size:14px; }
#imageControlContainer { display:none; overflow:auto; margin-bottom:15px; margin-top:5px;} 
#imageControlContainer label { float: left; clear:both; display:block; width:160px; line-height:40px;}  
#imageControlContainer span {line-height:40px;}
#memberSinceExpirary { float:right; clear:both; width:200px; padding-right:50px;} 

/* PROFILE - TABS */
div.contentLeft label {	width:150px !important;	display: block;	float: left;clear: both;height: 40px;}
div.contentLeft span {float: left;height: 40px; width:600px;}
div.contentLeft {overflow:auto;}
div.contentLeftBusiness label {	width:150px !important;	display: block;	float: left;clear: both;height: 40px;}
div.contentLeftBusiness span {float: left;height: 40px;}div.contentLeftBusiness {width:580px;overflow:auto;	float:left;}
div.brokerContent label { width:350px !important;	display: block;	float: left;clear: both;height: 40px;}
div.brokerContent span {float: left;height: 40px;}
div.settingsContent label { width:350px !important;	display: block;	float: left;clear: both;height: 40px;}
div.settingsContent span {float: left;height: 40px; }

#accreditationSection { padding-left:30px; width:320px; }#accreditationSection input { float:right; }
div.contentRight {float:right;width:inherit;height:inherit;text-align:center;}

.dropDownBox {width:120px; }
.tabContainer, .ajax__tab_body {overflow: auto;}

/* PROFILE */
div#profileBodyLeft { float:left; padding-left:60px; width:300px;}
div#profileBodyLeft label { width:120px !important; display: block; float: left; clear: both; height: 40px;  }
div#profileBodyLeft span {float: left; height: 40px; }
div#profileBodyLeft span select { width:150px;}

div#profileBodyRight { float:right; width:500px;}
div#profileBodyRight select {width:82%; }

div#accreditationSection {padding-top:10px; padding-left:30px; width:320px; }
div#accreditationSection label { float:left; clear:both; width:110px; }
div#accreditationSection select{ width:150px; }
#acreditationCheckboxes { padding-left:30px; padding-top:20px;}

div#businessInfo label { display: block; float: left; clear: both; height: 40px; width:100px; }
div#businessInfo span {float: left;height: 40px; width:50%; }
div#businessInfo input {width:80%; }

div#settingsContent { padding-bottom:10px; }
div#settingsContent label { width:300px; float:left; padding-top:10px;}
div#settingsContent input { margin-top:14px; }

div#accountTools label { clear:both; float: left;height: 40px; }
div#accountTools span {margin-left:20px; float: left;height: 40px; width:50%; }

div#saveButtonPanel { margin:0 auto; width:50%; clear:both; background-color:#C5E185; padding: 10px 10px 10px 10px; margin-bottom:30px; }
div#saveButtonPanel input {display:block; margin:0 auto; }
div#saveButtonPanel label { display:block; text-align:center; }

/* Risk Tool Detail */
ul#familyTree li a {  background-color:#f8f8f8; }
ul#familyTree li ul li a.activeNode { font-weight:bold; } 

div.userDetailPanel img { border: 20px solid #C8C8C8; }
div.userDetailPanel { float:left; padding:15px; width: auto; }
div.detailsPanel { color: #999; font-size: smaller; }
div.commentPanel { overflow:auto; width:auto; margin-top:10px; border: 1px solid #d4d9e0; background-color: #f7f8fa;}
div.commentTextBox { float: left; padding: 15px 15px 15px 0; width: auto; }

#breadcrumbs li { list-style-type:none;list-style-image: url(https://clearrisk.assets.s3.amazonaws.com/parentArrow2.png);}
#breadcrumbs { line-height:17px; border: 1px solid #f8f8f8; width:auto;} 

/*Subscibe Page*/
#subscriptionForm {overflow:auto; padding: 30px 30px 30px 120px; border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555;}
#subscriptionForm label {width:160px !important; display: block; float:left; clear:both; line-height:45px; font-size:18px;}
#subscriptionForm span.userInput {float: left; height: 45px; width:370px; margin-top:10px;}
#subscriptionForm a {color:#239A27;}
#subscriptionForm p { width:85%;}
#subscriptionForm h3 { color:#555555; font-size:large;  } 
.SignUpButton { border: 1px solid #A7C1D4; background-color:#D9E4EA; }

/*SignUpTable*/
table.compare{width: 50%; border-collapse: collapse; margin-left: 1px;}
table.compare thead tr th{border: 1px solid #c6d2da; padding: 9px; background-color: #d9e4ea; color: #103b6c; font-size: 13px;}
table.compare td{border: 1px solid #c6d2da; background-color: #f2f5f8; padding: 9px;}
table.compare tr.odd td{background-color: #f8fafb; }
table.compare tfoot td{border: 0 !important; background-color: Transparent;}
table.compare td.accounttypecol, table.compare thead tr th.accounttypecol{text-align: center; width: 130px; border: 1px solid #c6d2da !important; }
table.compare span.price{color: #00416e; font-size: 16px; }
table.compare span.crossout{color: Red; text-decoration: line-through; }    
        
/*Password Recovery*/
div#usernameEmailInputs {overflow:auto; width:500px; margin-top:30px;}
div#usernameEmailInputs label { width:160px !important; height: 45px; display:block;  float:left; clear:both; }
div#usernameEmailInputs span { float: left; height: 45px; width:200px; margin-top:5px; margin-left:15px; }
div#usernameEmailInputs span#submitButton {float:left; clear:both; }  


/*Change Password*/
div#changePasswordInputs {overflow:auto; width:500px; margin-top:30px;}
div#changePasswordInputs label { width:210px !important; height: 45px; display:block;  float:left; clear:both; }
div#changePasswordInputs span { float: left; height: 45px; width:200px; margin-top:5px; margin-left:15px; }
div#changePasswordInputs span#submitButton {overflow:auto; float:left; clear:both; }  
div#changePasswordErrorMessageBlock { float:left; display:none;}
div#changePasswordErrorMessageBlock  label { width:300px !important;}

.errorLabel { color:Red; }

/* Controls */
.solutionDescription { padding:5px 10px 9px 19px; font-size: 90%; line-height: 1.3em; color: #555; }
.DeleteButtonDisabled {display:none;}
.AddButtonDisabled {display:none;}
.DeleteButtonHidden {display:none;}
.AddButtonHidden {display:none;}

/* RISK LISTING PAGE */
.RiskCategoryMasterPanel { overflow:auto; clear:both;} 
.RiskCategoryListingHeadPanel {  float:left; border-bottom:1px solid #D7D7D7; margin-top:20px; width:100%; padding: 0 0 4px 0;}
.RiskCategoryListingBodyPanel {  float:left; margin-top:15px; margin-bottom:20px; float:left; width:100%;}
.RiskCategoryRiskTextPanel { float:left; width:30%; }
.RiskCategorySelectorPanel { float:right;  }
.RiskCategoryTitleListingPanel { float:left; }
.RiskCategoryDescriptionPanel { width:47%; float:left; color:#888;font-size:90%; line-height:1.35em;}
.RiskPanel {display: block !important;}
.RiskListingPanel { color:#4493CF; float:right; width:50%; }
.RiskCategoryTitle { font-size:17px; }
.RisksTextLabel { float:left; font-size:14px; }
.SelectAllLink { font-size:11px; padding-right:7px; }
.DeSelectAllLink { font-size:11px; border-left:1px solid #ddd; padding-left:6px; }
.RiskLink {width:90%;}.RiskLinkCheckBox{ float:left; }
.AddToPlanButton { margin-left: 454px; }
.ddlRMSelector { vertical-align: middle; }


/*No Risk Panel*/
.NoRiskCategorysPanel { padding:10px; border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555; margin: 0 auto;}
.NoRiskCategoryDescription { }

/* Risk Detail Page */
#RiskHeaderInfo { float:left;  border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555; width: 100% !important; margin-bottom:10px;} 
.detailsButton { margin-left: 5px; float:right;}
.RiskCategoryDetailTitle { float:left; padding-left:20px; }
.RiskCategoryDetailDescription { float:left; clear:both; padding-left:50px; padding-bottom:20px; }
.gridViewActionsColumn a { float:left; }
#numberOfSolutionsText { float:left; clear:both; margin-bottom:5px; margin-top:10px;} 
#solutionGridViewRiskCategoryDetail { float:left; margin-top: -8px; width: 100%; }
.NoRiskCategorysPanel {  padding:8px; border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555; margin-bottom:20px; margin:0 auto 10px;}

/*Solutions Page*/
.gridviewActionButton { float:left; }
.folderIcon{vertical-align:middle !important; margin-right:0.5em;}.pnlPagerA { padding-bottom:20px; }
.createNewDiv { margin-bottom:10px; }
            
/*Solutions Detail Page*/                
#solutionContent {padding:8px; border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555; margin-bottom:20px; overflow:auto;}
.solutionDetailDescription { float:left; padding-left:20px; }
textarea.solutionNotes {background-color: #F8FEF4; border: 1px solid #BEDAA0; height: 100px; padding: 0px; width: 100%;}

/*Marketplace*/
.PartnerPanel { border-bottom: 1px solid #C8C8C8; clear:both; color:#555555; padding: 20px 0px 20px 20px; overflow:auto;}
.PartnerLogo { width:200px; color:#555555; float:left; display:inline;  }
.PartnerDescriptionPanel { width:650px !important; float:right; overflow:auto; display:inline;}
.PartnerDescriptionPanel h2{ margin:0; padding:0; }
.PartnerDescriptionPanel a {  }
.PartnerDescriptionBody  { padding-top:10px; }

/*MarketPlaceDetail*/
#partnerMainDiv { overflow:auto; width: 600px !important; color:#555555; padding: 20px 0px 20px 20px; margin-bottom:20px; overflow:auto; }
.PartnerLogoDetailPage { width:200px; float:left; padding-top:20px; padding-bottom:20px;}
#partnerBody , .partnerResourceContent { width: 600px; }
.partnerResouceName { float:left;}
.partnerResouceDescription { float:left; padding-left:20px; } 
#partnerTitle{ }
#partnerResources{ margin-top:15px; }

/*x-tra's*/
.hidden { display:none; }
a { cursor:pointer; } /*MAKE ALL MOUSE EVENTS WITH THE COOL HAND ICON*/
.error { color:Red;}
#trustwaveSealImage { float:right; padding-right:10px; padding-top:45px;}

/* GATEWAY PAGES */
ul.gatewayNav
{
	margin:20px 0 15px 0;
	padding:0;
	display: block;
	overflow: auto;
}
ul.gatewayNav li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.gatewayNav li a
{
	display: block;
	float: left;
	width: 42%;
	padding: 70px 0;
	margin: 0 30px 30px 30px;
	text-align: center;
	background-color: #e8e8e8;
	border: 5px solid #d8d8d8;
	-moz-border-radius: 15px;
	font-size: 22px;
}
ul.gatewayNav li a:hover
{
	background-color: #C9F5B0;
	border: 5px solid #3D698A;
}

/*Sign Up Page*/
.signUpPage { overflow:auto; padding: 40px 40px 40px 150px; border: 1px solid #C8C8C8; background-color: #f7f8fa; color:#555555; width:600px; margin:0 auto;}
.inputblock { clear:both; overflow:auto; padding-bottom:20px; }
.userInputs { overflow: auto; }
.userInputs label{ font-size:16px; width:170px; float:left; }
.userInputs input{ font-size:17px; width: 200px; margin-left:64px;}
.highlight { border: 2px solid #6DB8E9; }
#promoCodeContainerMain { clear:both; padding-bottom:10px;}
#promoAnchorDiv { margin-bottom:10px; }
#termsContainer {width:475px !important; clear:both; float:left; margin-bottom:10px; }
#termsOfUsePanelContainer { float:left;}
#submitButtonContainer { float:left; clear:both;  }
.validator {display: none; color: Red; font-size: 12px; overflow: auto; width:350px;}
.formrightcol {float:right; overflow: auto; width: 395px;}
.signUpErrorMessage {float:left; clear:both; padding-top:10px;}

/* WORKSPACES */
div.sharedWorkspaceContainer, div.personalWorkspaceContainer { background-color: AliceBlue; border: 1px solid #77AED2; clear: both; margin: 10px 0; overflow: auto; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}
div.workspaceHeader { background-color: #77AED2; color: #FFF; margin:0; padding: 5px 10px; overflow:auto; }
div.workspaceHeader h2 {display:inline; color: #fff; margin: 0; padding: 0; }
div.sharedWorkspaceContainer div.workspacelistbox { padding: 10px; float: left; overflow: auto; width: 281px; display:inline; }
div.personalWorkspaceContainer div.workspacelistbox { padding: 10px; float: left; overflow: auto; width: 433px; }
span.workspaceHeaderLinks { float: right; color: #97CEFF; font-size: 95%; }
span.workspaceHeaderLinks a:link, span.workspaceHeaderLinks a:active, span.workspaceHeaderLinks a:hover { color: #fff !important; display: inline !important; }
.deleteWorkspaceButton { display: inline !important; margin-left: 12px; vertical-align: bottom; }
.WorkspacePanel {float:left; clear:both; padding-bottom:10px; }
.workspaceOwner  {float:left;}
.sWorkspaceButton { clear:both; }

#divGridUserReport{ width:100% !important; overflow:scroll; height:650px;} 
.divGridUserReport{ width:100% !important; overflow:scroll; height:650px;} .question_section { display:block; border-bottom: 1px solid rgb(119, 174, 210); padding: 0pt 0pt 5px; }
.finePrint { font-size:85%; padding-top:25px;}
.question_section { display:block; border-bottom: 1px solid rgb(119, 174, 210); padding: 0pt 0pt 5px; }

/* WORKSPACE VIEW ALL CONTENT */
#allContentContainer { width: 100%; }
#allContentContainer #columnRisks, #allContentContainer #columnSolutions { float: left; width: 25%; }
#allContentContainer #columnRiskTools { float: left; width: 50%; }
#columnRisks div.header, #columnSolutions div.header, #columnRiskTools div.header { background-color: #6597B9; width: 100%; }
#columnRisks div.header h6, #columnSolutions div.header h6, #columnRiskTools div.header h6 { color: #FFF; font-size: 1em; margin: 0; padding: 2px 10px; }
#columnRisks div.content, #columnSolutions div.content { border-left: 1px solid #A0C6DF; border-bottom: 1px solid #A0C6DF; height: 300px; overflow-y: scroll; overflow-x: hidden; }
#columnRiskTools div.content { border-left: 1px solid #A0C6DF; border-bottom: 1px solid #A0C6DF; border-right: 1px solid #A0C6DF; height: 300px; overflow-y: scroll; overflow-x: hidden; }
#columnRisks div.footer label, #columnSolutions div.footer label, #columnRiskTools div.footer label { font-size: 0.8em; vertical-align: top; }

.alternateRow { background-color: #E9F0F3; border-bottom: 1px solid #FFF; color: #1E76B0; }
.alternateRow a, .normalRow a { font-size: 0.85em; text-decoration: none; }
.normalRow { background-color: #F1F5F7; border-bottom: 1px solid #FFF; color: #1E76B0; }
.alternateRow:hover, .normalRow:hover { background: #ACCA8B;}
.alternateRow:hover a, .normalRow:hover a { color: #FFF !important; text-decoration: none; }
.item { padding: 2px 5px; }
.somosm { display: block; }
.gridViewRisks { margin: 0; width: 100% !important; }

/* HOMEPAGE */
#homeProducts { width: 691px; margin: 0 110px 0 109px; }

#homeManager, #homeTracker, #homeTrainer { width: 691px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; margin-bottom: 23px; position: relative; }
#homeManager p, #homeTracker p,  #homeTrainer p { position: relative; left: 185px; top: 47px; width: 350px; }

#homeLogo { position: absolute; left: 0; }
#homeHead { position: absolute; left: 185px; top: 0px; vertical-align: top; }
#homeButton, #homeButton { position: absolute; right: 25px; top: 45px; }

#homeManager { background-color: #e8f5d8; min-height: 129px; max-height: 129px; }
#homeTracker { background-color: #fff0cc; min-height: 129px; max-height: 129px; }
#homeTrainer { background-color: #ddf0f6; min-height: 165px; max-height: 165px; }
#trainerLogo { position: absolute; top: 10px; }
#trainerButton { position: absolute; right: 25px; top: 63px; }



/* WHITEPAPER and NEWS SECTION */
.whitepaperListing { margin:0 auto; border-top:2px solid #CFCFCF; padding-top:20px; }
.whitepaperListingTitle { color:Gray; font-size: 15px !important; font-weight:bold; }
.new { color:#AD0E16; margin-left:20px; font-size:13px; }
.downloadNowBtn { float:right; font-weight:bold;}
.readMoreBtn { float:right; font-weight:bold;}
.whitepaperListing p { margin-left:20px; margin-top:25px; clear:both; }
span.newsDate{font-size:0.7em; line-height:30px; margin-top:33px; padding-left:2px;}
.whitepaperTitle{ color:Gray; font-size: 19px !important; font-weight:bold; border-bottom:1px solid Gray; width:550px; padding-bottom:10px; }
.whitepaperImage { float:right; margin-right:50px; margin-top:-30px;}div.whitepaperSection { width:550px !important;  float:left; line-height:30px; }
div.whitepaperSection p { float:left; line-height:30px; }div.whitepaperSection ul { margin-left:30px; margin-top:50px; } 
div.whitepaperSection li { margin-top:10px; list-style-image:url(/Images/bullet.gif);}
div#downloadForm{ float:right; width:300px !important; border:1px solid #C8C8C8; padding: 0px 5px 0px 10px; }
.downloadLink { margin-left:40px; }
div#downloadForm p { float:left; text-align: center; font-style: italic; color: #79A54D; white-space: normal; }


#contactinfo { float: left; min-width: 400px; max-width: 400px; padding: 10px; border: solid 1px #cccccc; }
#contactinfo h2 { color:#666666; }
#contactform { padding-left: 0px; float: right; min-width: 468px; max-width: 468px; }