﻿

html, #form1 {

    height: 100%;
    min-height:100%;

}

body

{

    font-family:tahoma, arial, sans-serif;

    font-size:11px;

    margin:0;

    padding:0;

    height:100%;
    min-height:100%;

}
.tb1 td { padding:10px 6px;}













/* floating sidebar */



#sticky {width:175px; text-align:center;}

#sticky {line-height:20px;}

#sticky.stick {position: relative;  top: 10px; z-index: 200;}

#sticky-anchor{height:1px;}

#sticky-wrapper

{



  left:10px;

  position: absolute;

  margin-left: 35px;

  

}







#commentWrapper { 

 

  position: absolute;



}



#comment 

{

    width:180px;

  position: absolute;

  top: 10;

  /* just used to show how to include the margin in the effect */



}



#comment.fixed {

  position: fixed;

  top: 10px;

}





/* Summary */

.sumBox {text-align:left; background-color:#FFF; padding:5px 5px 5px 5px; border:1px solid #7F9598; border-radius:5px 5px; margin-bottom:10px; overflow:auto;}

.sumLabel {width:80%;float:left;}

.sumValue {width:20%;float:left;}

.sumBox a:link, .sumBox a:visited {color:#003366; text-decoration:none;}

.sumBox a:hover, .sumBox a:active {text-decoration:underline;}

.sumBox img { vertical-align:middle; padding: 3px 8px 3px 3px;}



.topbarSuccess, .topbarInfo, .topbarFail {width:100%; z-index:10000; position:fixed; line-height:35px; height:35px; text-align:center; font-size:1.3em; font-weight:700;}

.topbarSuccess{border-bottom:1px solid #0c9737; background-color:#ecfef2; color:#0c9737;}

.topbarFail{border-bottom:1px solid maroon; background-color:#fef1ec;color:Maroon;}

.topbarInfo {border-bottom:1px solid #fcefa1; background-color:#fbf9ee; color:#fcefa1}



.modal {width:100%; height:100%; position:fixed; text-align:center; z-index:1000; background-color:#666; top:0; left:0;

        opacity:0.4;

 filter:alpha(opacity=40); 

        }

        .modalFloat 

        {

             position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-20px; background-color:#FFFFFF; z-index:10000; height:40px; width:300px; border:2px solid #666666; text-align:center; line-height:40px; 

            }

  







td { vertical-align:top;

  

}



.noPad 

{

    padding:0px 0px 0px 0px;

}

.vMiddle

{

    vertical-align:middle;

}

.bBar

{

     text-align:right;

     padding-right:10px;

}

.infoCol

{

    font-style: italic;

    color: #009933;

}



 /*Generic Bubble Styling*/

.bubbleTop {background:url(../_images/background/headerglassdark.png) 50% 50% repeat-x; overflow:auto; border:1px solid #1b425f; text-align:left; color:#F5F5F5; overflow:auto;  border-radius:5px 5px 0px 0px; line-height:16px; padding:5px 10px; vertical-align:middle; width:auto; font-weight:bold;}

.bubbleTop img {margin:0px 2px;}

.bubbleBody {background-color:#FFF; border:1px solid #1b425f; margin-bottom:10px; line-height:16px; width:auto; border-radius:0px 0px 5px 5px; padding:5px 5px;text-align: left;}
 .bubbleBodySide {background-color:#FFF; border:1px solid #1b425f; margin-bottom:10px;  width:auto; border-radius:0px 0px 5px 5px; padding:5px 5px;text-align: left;}

.bubbleBody img {padding-right:5px; vertical-align:middle;}

.bubbleBody th {border-bottom:1px solid #adadad;}

.bubbleBody a:link, .bubbleBody a:visited { text-decoration:none; color:#333333;}

.bubbleBody a:active, .bubbleBody a:hover { text-decoration:underline; color:#333333;}





.nonMargin {margin-bottom:0px;}

.bubbleBodySide a:link, .bubbleBodySide a:visited  {color:Blue;}

.bubbleBodySide a:active, .bubbleBodySide a:hover  {color:Blue;}

.header {text-align:left;}



/*Generic Table Styling*/

.searchResultTable { width:100%; }

.searchResultTable .rowTyp0 { }

.searchResultTable .rowTyp1, .searchResultTable .rowTyp2, .rowTypeEmpty {margin:0 0 5px 0; border:1px solid #adadad; padding:10px 10px; overflow:auto; line-height:17px}

.rowTypeEmpty {border-color:maroon; text-align:center; height:40px; line-height:40px; color:Maroon;}

.searchResultTable .rowTyp1 { background-color:#FFF; }
.searchResultTable .placedHighlighter {
    background-color: #c8dbe9 !important;
}
.searchResultTable .rowTyp2 {
    background-color: #F5F5F5;
}

.searchResultTable .col1 {width:5%; float:left; vertical-align:middle;}

.searchResultTable .col2 {width:50.5%; float:left; }

.searchResultTable .col3 {width:17%; float:left; padding: 5px 0px; height:38px; text-align:center;}


.searchResultTable .col4 a {display:inline-block; width:25px; height:25px; border:1px solid #CCCCCC; background-color:#fff; margin:0px 2px; vertical-align:middle}

.searchResultTable .col4 { float:right; padding: 5px 0px 5px 15px; height:58px;  vertical-align:middle; border-left:1px dotted #1b425f; text-align:center;}

.searchResultTableEmpty {width:100%; color:#990000; text-align:center;}

.searchResultTable a:link, .searchResultTable a:visited  { text-decoration:none; color:#336699;}

.searchResultTable a:active, .searchResultTable a:hover  {text-decoration:underline; color:#336699;}

.searchResultTable img {vertical-align:middle;}



/*Generic Form Styling*/

.tb10, .tb10r, .tb10h {background:url(../_images/background/form_bg.jpg) repeat-x;border:1px solid #d1c7ac;width: 230px;color:#333333;padding:3px;margin-right:4px;	font-family:tahoma, arial, sans-serif; font-size:11px;

    }

.tb10r{border:1px solid #990000;}

.tb10l {display:block; border:0px none #adadad; border-bottom:1px dotted #adadad; padding:5px 0; font-family:tahoma, arial, sans-serif; font-size:11px;}

.tb10b {background:url(../_images/background/form_bg.jpg) repeat-x;border:1px solid #d1c7ac;color:#333333;font-size:11px; padding:5px 0px;}

input[type="submit"]:hover.tb10, input[type="button"]:hover.tb10 {border:1px solid #990000; }

input[type="submit"].tb10, input[type="button"].tb10 {cursor: pointer; width:75px;}





.candDel  {background:url(../_images/icon/trash.gif) no-repeat center;}

.candPrint {background:url(../_images/iconset/printer.png) no-repeat center;}

.candCV {background:url(../_images/iconset/folder_page.png) no-repeat center;}

.candCVdis {background:url(../_images/iconset/folder.png) no-repeat center;}

.candNote  {background:url(../_images/icon/note_active.gif) no-repeat center;}

.candLink {background:url(../_images/iconset/link.png) no-repeat center; cursor: pointer;}
.candMenu {background:url(../_images/iconset/application_view_list.png) no-repeat center; cursor: pointer;}

.candNoteDis {background:url(../_images/icon/note.gif) no-repeat center;}

.candRole {background:url(../_images/icon/roles.gif) no-repeat center;}

.userPerm {background:url(../_images/iconset/cog.png) no-repeat center;}

.userLock {background:url(../_images/iconset/lock.png) no-repeat center;}

.userUnlock {background:url(../_images/iconset/lock_open.png) no-repeat center;}

.vacClone {background:url(../_images/iconset/page_go.png) no-repeat center;}

.vacPublish{background:url(../_images/iconset/world_add.png) no-repeat center;}

.vacPublishDis {background:url(../_images/iconset/world_add_dis.png) no-repeat center;}

.vacUnpublish{background:url(../_images/iconset/world_delete.png) no-repeat center;}

.vacUnpublishDis{background:url(../_images/iconset/world_delete_dis.png) no-repeat center;}

.vacClose{background:url(../_images/icon/trash.gif) no-repeat center;}

.vacCloseDis{background:url(../_images/icon/trash_dis.gif) no-repeat center;}

.tempEdit {background:url(../_images/iconset/page_edit.png) no-repeat center;}

.docEdit{background:url(../_images/iconset/zoom.png) no-repeat center;}

.editIcon{background:url(../_images/iconset/pencil.png) no-repeat center;}

.vacLink{background:url(../_images/iconset/user_add.png) no-repeat center;}

.progressIcon {background:url(../_images/iconset/resultset_next.png) no-repeat center;}
.audiLink {
    background: url(../_images/iconset/time.png) no-repeat center;
}

.rollbackIcon {background:url(../_images/iconset/rollback.png) no-repeat center;}
.rollbackIconDis 
{
   background:url(../_images/iconset/rollback.png) no-repeat center;
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */


}
.progressIconDis 
{
   background:url(../_images/iconset/resultset_next.png) no-repeat center;
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */


}
.deleteIcon {background:url(../_images/icon/trash.gif) no-repeat center;}

.timeIcon {background:url(../_images/iconset/time.png) no-repeat center;}


.Icon {display:inline-block; width:25px; height:25px; border:1px solid #CCCCCC; margin:0px 2px; vertical-align:middle}


.message {color:Maroon; height:90px; font-weight:700; font-size:1.3em; text-align:center; padding:5px 5px;}

.button{text-align:right; height:20px;}

td { vertical-align:middle;}



/*.right {text-align:right;}*/





.mailAddress, .successRow, .failRow {border-bottom:1px dotted #adadad; padding:4px 4px; margin:0 3px; overflow:auto;}

.mailAddress:hover {background-color:#F5F5F5;}

.successRow{background-color:#b8fac1;}

.failRow{background-color:#facab8;}

.mailAddressClose {float:right;height:16px; width:16px;background:url(../_images/iconset/cross.png) no-repeat center; cursor:pointer;}

.mailAddressBox, .mailAddressBoxr {border:1px solid #adadad; height:200px}

.mailAddressBoxr {border:1px solid maroon;}

.mailAddressLabel {padding:4px 4px; font-weight:700;}





.rolePopup {display:none; width:555px; position:absolute; z-index:11000;}

.hidden{display:none;}





.overViewLeft, .overViewRight { height:100%; width:47.5%; overflow:auto;  min-height:290px; margin:5px 0px; position:relative; }

.overViewLeft { float:left;}

.overViewRight {float:right; border-left:1px dotted #adadad; padding:0px 2%}



.popupCloser {position:absolute;bottom:0; right:15px; text-align:right; display:inline-block; width:200px; border-style:none; cursor:pointer;}









/*master styling*/

.panelContainer {width:100%; position:relative; height:540px;}

#panelRight { float:right; width:80%;}

#panelLeft{float:left; width:20%; }

.contentdiv {padding:5px 5px;}





/*modalFloat*/

.modalBack

{







	background-color:Gray;







	filter:alpha(opacity=70);







	opacity:0.7;

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:10000;







}



.hidden{display:none;}





.headerstyle td {padding:5px 5px 5px 5px; font-weight:700; background-color:#F5F5F5; border-bottom:1px dotted #adadad;}

.the300 td{width:33.3%;}

.divLeft {float:left;  width:49.5%;}

.divRight {float:right;  width:49.5%; text-align:right;}

.divRight a:link, .divRight a:visited {color:#FFF; text-decoration:none;}

.divRight a:hover, .divRight a:active {color:#FFF; text-decoration:underline;}



#footerFloat { position:fixed; bottom:0; left:0; height:35px; line-height:35px; width:100%; background-color:#F0F0F0; border-top:solid 1px #adadad;}

#footerFloat a {color:#003366;}

#footerFloat a:hover {text-decoration:none;}



#loginPanel { width:450px;}



td.fieldCol { width:35%; 

}

td.labelCol { width:15%; vertical-align:middle; font-weight:bold;

}

.blue {color:#336699;}





.shaded {background-color:#F5F5F5;}
.shaded_dark {background-color:#CCC;}

.currentStatus, .historicStatus {padding:7px 5px; border-bottom:1px dotted #adadad; margin-right:5px;  }

.currentStatus { color:Green;}


.mainPageNew {margin-bottom:35px;}
table {border-collapse:collapse;}

td, th{padding:6px 6px;
    }

th{text-align:left;}



.homeTable {width:100%;}

.homeTable td {width:25%;}



#mainPage {width:1000px;}




hr { background-color:#fff; border:#a

td, th{padding:6px 6px;
    }

olor:#fff; }



a img {border-width:0px;}



.search

{

background: white url(../_images/iconset/zoom.png) right no-repeat;

   

}

.spinner

{

    background: white url(../_images/loading.gif) right no-repeat;

    

}



.padding5

{

    padding:5px 5px 5px 5px;

}







.imageSelect 

{

    cursor:pointer;

    padding:5px 5px;

    border:2px solid #F3F3F3;

}

.imageSelect:hover

{

    border:2px solid #666666;

}

.errorHighlight {
    color:red !important;
    font-style: italic;
}
.notifications {
    text-align: left;
}
.notification {display:inline-block; background-color:#fff !important; width:25px; height:25px; border:1px solid #CCCCCC; margin:5px 2px 0px 2px; vertical-align:middle}
.emailBounced { background:url(../_images/iconset/email_delete.png) no-repeat center;}
.phoneBounced { background:url(../_images/iconset/telephone_delete.png) no-repeat center;}
.mobileBounced { background:url(../_images/iconset/phone_delete.png) no-repeat center;}
.emailOptOut {
    background: url(../_images/iconset/email_delete.png) no-repeat center;
}
.smsOptOut {
    background: url(../_images/iconset/phone_delete.png) no-repeat center;
}
.phoneOptOut {
    background: url(../_images/iconset/telephone_delete.png) no-repeat center;
}
.webReg {background:url(../_images/iconset/vcard.png) no-repeat center;}

    
/* Icons & Sprites */

.icon {}


/* Table Styling */
table {width:100%;}    
td {vertical-align:top;}

table.fourColEqual {width:100%;}
.fourColEqual tr td { width:25%;
}

.fourColType2 {width: 100%;}
.fourColType2 td { padding:8px 6px !important; border-collapse:collapse;}
.fourColType2 td:nth-child(2n) {width:30%;}
.fourColType2 td:nth-child(2n+1) {width:20%;}

.fourColType1 {width:100%;}
.fourColType1 tr td:nth-child(2n) {width:65%;}
.fourColType1 tr td:nth-child(2n+1) {width:35%;}


.threeColEqual {width:100%;}
.threeColEqual tr td {width:33%;}
.fourColEqual tr td {    margin-left: 80px;
}

table.twoColType3 {width:100%;}
.twoColType3 tr td:nth-child(1) {width:25%;}
.twoColType3 tr td:nth-child(2) {width:75%; text-align:right;}

.twoColType1 {margin-top:10px;}
.twoColType1 tr td:nth-child(1) {width:65%;}
.twoColType1 tr td:nth-child(2) {width:35%;}

.twoColType2 {width:100%;}
.twoColType2 tr td:nth-child(1) {width:20%;}
.twoColType2 tr td:nth-child(2) {width:80%; text-align:right; }
.twoColType2 tr:nth-last-child(1) td {padding-top:30px;}

.sevenColType1 {width:100%;}
.sevenColType1 td {padding:8px 6px;}
.sevenColType1 tr:nth-child(1) td {text-align:center;}
.sevenColType1 tr:nth-child(2n+3) {background-color:#E1E1E1;}
.sevenColType1 tr:nth-child(-n+2) td {font-weight:bold; border-bottom:1px solid #333;}
.sevenColType1 td:nth-child(1), .sevenColType1 td:nth-child(4)  {border-right:1px solid #333;}
.sevenColType1 tr td:nth-child(n+2)  {width:12%;}
.sevenColType1 tr td:nth-child(1)  {width:28%;}

.threeColType1 {width:100%;}
.threeColType1 td {padding:8px 6px;}
.threeColType1 tr:nth-child(1) {font-weight:bold; border-bottom:1px solid #333;}

.threeColType1 tr:nth-child(2n) {background-color:#E1E1E1;}
.threeColType1 td:nth-child(1) {width:40%; text-align:left;}
.threeColType1 td:nth-child(2), .threeColType1 td:nth-child(3) {width:30%; text-align:center;}
.threeColType1 td:nth-child(1), .threeColType1 td:nth-child(2) {border-right:1px solid #333;}
.threeColType1 td:nth-child(1), .threeColType1 td:nth-child(2) {border-right:1px solid #333;}

.fiveColEqual {width:100%; }
/*.fiveColEqual td {border:1px solid #333;}*/
.fiveColEqual td {padding:8px 6px; vertical-align:middle; }
.fiveColEqual th {font-weight:bold; text-align:center; }
.fiveColEqual th {border:1px solid #666666; background-color:#E1E1E1;}
.fiveColEqual  .fiveColEqual tr:nth-child(n+2) td {border:1px solid #666666;}

.fiveColEqual tr:nth-child(1) td {background-color:#F5F5F5; border:1px solid #666666;}
.fiveColEqual td {border:1px solid #666666;}


.fiveColEqual tr td {text-align:center;}
.fiveColEqual tr:nth-child(2n) {}
.fiveColEqual tr:nth-child(1) td:nth-child(1) {text-align:center; vertical-align:middle; }
/*
.fiveColEqual tr th:nth-child(-n+4) {  border-right:1px solid #333; }
.fiveColEqual tr td:nth-child(-n+2) {  border-right:1px solid #333; }
.fiveColEqual tr:nth-child(2) td:nth-child(1n+2), .fiveColEqual tr:nth-child(1) td:nth-child(1n+2) {  border-right:1px solid #333;}
.fiveColEqual tr:nth-child(1) td:nth-child(1n+2) {border-bottom:1px solid #333;}

.fiveColEqual tr:nth-child(3) td:nth-child(1n+2){  border-right:1px solid #333; border-top:1px solid #333; text-align:center;}
/*.fiveColEqual td:nth-child(1), .fiveColEqual td:nth-child(2), .fiveColEqual td:nth-child(3) {border-right:1px solid #333;}*/





/* Div Formatting */
.formatContainer {width:100%;}
.format {float:left; display:table-cell; vertical-align:top;}
.formatInner {margin: 10px 5px;}

.thirtyFive {width:35%;}
.sixtyFive {width:65%;}

.mainFull {width:100%;}


/*Check Box Formatting*/

.checkBoxFlow {}
.fifty span {float:left; width:50%; display:block; margin-bottom:5px;}
.fifty input {margin-right:5px;}





.ui-datepicker-calendar td, .ui-datepicker-calendar th {width:14.28%;}




/* Home V2 */
.tabContainer {float:left; display:table-cell; vertical-align:top; width:100%; font-size:11px !important;}
.tabContainer .inner {margin:10px 10px;}
#tabs2, #tabs3{font-size:11px !important;}
.tabs2-container {min-height:300px;}

.dashTableType1 td {padding: 6px 6px;}
.dashTableType1 tr:nth-child(1) td{ border:1px solid #adadad; text-align:center; padding:8px 8px; background-color:#e1e1e1; font-weight:bold;}
.dashTableType1 tr:nth-child(1n+2) td { border:1px solid #adadad; width:20%;}
.dashTableType1 tr:nth-child(1n+2) td:nth-child(1), .dashTableType1 tr:nth-child(2) td { font-weight:bold;}