/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html
{
    height: 100%;
}
body
{
    /*background-color: #FCF1D5;*/
    background-color: #dde4eb;
    background-image: url("../Content/images/background.gif");
    background-repeat: repeat-x;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}


a:link
{
    color: #0d5cab;
    text-decoration: none;
}
a:visited
{
    color: #0d5cab;
    text-decoration: none;
}
a:hover
{
    color: #1d60ff;
    text-decoration: underline;
}
a:active
{
    color: #0d5cab;
    text-decoration: none;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

p.large-text
{
    font-size: 120%;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #0d5cab;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    margin-top: 20px;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    min-width: 800px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    height: 100%;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    position: relative;
    left: 0px;
    bottom: 0px;
    clear:both;
}

#logo-corner
{
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    background: #fff;
    float: left;
}

#home
{
    width: 56px;
    height: 85px;
    float: left;
    background: #0c5cab; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #bfd1f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #a8c1da; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzUzODBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzVjYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8c1da 0%, #5380aa 42%, #0c5cab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8c1da), color-stop(42%,#5380aa), color-stop(100%,#0c5cab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c1da', endColorstr='#0c5cab',GradientType=0 ); /* IE6-8 */
    border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border: 1px solid #0c5cab;
    border-bottom: 0;
}

#logo-container
{
    width: 300px;
    float: left;
    height: 85px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0 0 0px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background: #0c5cab; /* Old browsers */
    color: White; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzUzODBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzVjYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8c1da 0%, #5380aa 42%, #0c5cab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8c1da), color-stop(42%,#5380aa), color-stop(100%,#0c5cab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c1da', endColorstr='#0c5cab',GradientType=0 ); /* IE6-8 */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px; /*  -moz-box-shadow: 1px 0px 2px #888; 	-webkit-box-shadow: 1px 0px 2px #888; 	box-shadow: 1px 0px 2px #888; */ /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    border: 1px solid #0c5cab;
    border-bottom: 0;
}

ul#menu li a:hover
{
    background-color: #fff;
    background: #aaaaaa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #d3d3d3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 28%, #ffffff 29%, #ffffff 37%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(28%,#ffffff), color-stop(29%,#ffffff), color-stop(37%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 28%,#ffffff 29%,#ffffff 37%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d3d3d3 0%,#ffffff 28%,#ffffff 29%,#ffffff 37%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d3d3d3 0%,#ffffff 28%,#ffffff 29%,#ffffff 37%); /* IE10+ */
    background: linear-gradient(to bottom, #d3d3d3 0%,#ffffff 28%,#ffffff 29%,#ffffff 37%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-decoration: none;
    color: #0d5cab;
}

ul#menu li a:active
{
    background-color: #0d5cab;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}

.textbox-large
{
    background-color: #cedae6;
    padding: 10px;
}


.textbox-large input[type="text"]
{
    width: 250px;
    font-size: 16px !important;
    font-weight: bold;
    color: #696969;
    border: 0px solid #b7cbdf;
    height: 30px;
    line-height: 27px;
    padding-left: 5px;
    vertical-align: middle;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border: 0;
    border-collapse: collapse;
    border-bottom: solid 1px #0d5cab;
}

#tb
{
    border: 0;
    border-bottom: solid 1px #0d5cab;
}

#tb tr:hover
{
    background-color: #d1e7fc;
}

/* round off top of tables */
th:first-child
{
    border: 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

th:last-child
{
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    border: 0;
}

th:only-child
{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border: 0;
}

table td:first-child
{
    border-left:  1px solid #0d5cab;
}

table td:last-child
{
    border-right:  1px solid #0d5cab;
}

/* workaround:   IE <9 doesnt support :last-child
table td + td + td + td + td + td + td + td + td {border-right:solid 1px #0d5cab;}
table td + td + td {border-right:solid 1px #0d5cab;} */

table td
{
    padding: 5px;
    border: solid 1px #0d5cab;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #0d5cab;
    color: #ffffff;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

.errorBox
{
    color: Red;
    border: solid 1px Red;
    padding: 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("images/icons/icon-error.png") no-repeat #fad4d4 10px 10px;
    padding-left: 65px;
    padding-top: 12px;
    line-height: 16px;
    width: 450px;
    display: block;
    min-height: 46px;
    max-height: 180px;
}

.successBox
{
    color: Green;
    border: solid 1px Green;
    padding: 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("images/icons/icon-success.png") no-repeat #cff6bc 10px 10px;
    padding-left: 65px;
    padding-top: 12px;
    display: block;
    min-height: 46px;
    max-height: 180px;
    line-height: 16px;
    width: 450px;
}

.warningBox
{
    color: #696969;
    background: url("images/icons/warning_icon.png") no-repeat 10px 10px;
    border: solid 1px #dfce00;
    background: #fff9ae;
    padding: 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    min-height: 46px;
    max-height: 180px;
     width: 450px;
       line-height: 16px;
}

#empty-message
{
    color: Red;
    font-size: 14px;
    margin-bottom: 30px;
}

.code
{
    color: #0d5cab;
}

.successBox h2
{
    color: Green;
    margin: 0;
    padding: 0;
}

.successBox a
{
    text-decoration: none;
}

.successIcon
{
    float: left;
    margin-right: 12px;
    clear: both;
    margin-left: 12px;
}

#menucontainer
{
    margin-top: 36px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
    background: url("images/logos/CCDS_Logo.png") #fff no-repeat;
    height: 85px;
    width: 230px;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: #0d5cab;
}

#logindisplay a:link
{
    color: #0d5cab;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #0d5cab;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: Red;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}



.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.5em 0;
}

.display-label-large, .editor-label-large, .display-field-large, .editor-field-large
{
    margin: 0.5em 0;
    font-size: 120%;
}
#display-field-custom1 .display-field p, #display-field-custom1 .display-field p p
{
    font-size: 11px;
    line-height: 12px !important;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}




/* Pager */
.pager
{
    margin: 8px 3px;
    padding: 3px;
}

.pager .disabled
{
    border: 1px solid #ddd;
    color: #999;
    margin-top: 4px;
    padding: 3px;
    text-align: center;
}

.pager .current
{
    background-color: #06c;
    border: 1px solid #009;
    color: #fff;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
}

.pager span, .pager a
{
    margin: 4px 3px;
}

.pager a
{
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
}

.topicSection
{
    margin-bottom: 14px;
    background-color: #e8e8fc;
    border: 1px solid #959596;
    padding: 8px;
    vertical-align: top;
    float: left;
    width: 100%;
}

.topicSection h3
{
    color: Black;
    font-size: 12pt;
}

.section
{
    margin-right: 25px;
    border: solid 1px #0c5cab;
    background-color: #ffffff;
    width: 500px;
    height: 120px;
    float: left;
    margin-bottom: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius:5px;
    -moz-box-shadow: 1px 1px 2px #888;
    -webkit-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
}


.sectionHeading
{
    padding: 4px;
    background-color: #0d5cab;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzUzODBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzVjYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8c1da 0%, #5380aa 42%, #0c5cab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8c1da), color-stop(42%,#5380aa), color-stop(100%,#0c5cab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* W3C */
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 125px;
    height: 120px;
    padding-bottom: 0;
    padding-top: 0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.sectionHeading div {margin-top:30px;}

.sectionBody
{
    height:104px;
    padding: 8px;
    float: left;
    width: 350px;
    color:Black;
    background: #fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmY2ZmZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNkZmU1ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlOGRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fcfff4 51%, #dfe5d7 98%, #e1e8dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#fcfff4), color-stop(98%,#dfe5d7), color-stop(100%,#e1e8dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 51%,#dfe5d7 98%,#e1e8dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 51%,#dfe5d7 98%,#e1e8dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 51%,#dfe5d7 98%,#e1e8dc 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfff4 51%,#dfe5d7 98%,#e1e8dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e1e8dc',GradientType=0 ); /* IE6-8 */
 border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius:5px;   
}

.sectionBody a
{
    line-height: 24px;
}

.submit, .browseBox
{
    height: 26px;
    width: 110px;
    min-width: 110px;
    max-width: 150px;
    color: #ffffff;
    border: solid 1px #0d5cab;
    background-color: #0d5cab;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzUzODBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzVjYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8c1da 0%, #5380aa 42%, #0c5cab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8c1da), color-stop(42%,#5380aa), color-stop(100%,#0c5cab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c1da', endColorstr='#0c5cab',GradientType=0 ); /* IE6-8 */
    font-weight: bold;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.submit:hover
{

    color: #0d5cab;
    border: solid 1px #0d5cab;
    background: none;
    background: #dde4eb;
    -moz-box-shadow: 1px 0px 2px #888;
    -webkit-box-shadow: 1px 0px 2px #888;
    box-shadow: 1px 0px 2px #888;
}


.submitWide
{
    width: 185px;
    height: 26px;
    min-width: 110px;
    max-width: 175px;
    color: #ffffff;
    border: solid 1px #0d5cab;
    background-color: #0d5cab;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzUzODBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzVjYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8c1da 0%, #5380aa 42%, #0c5cab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8c1da), color-stop(42%,#5380aa), color-stop(100%,#0c5cab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* W3C */
    font-weight: bold;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.submitWide:hover
{
    color: #0d5cab;
    border: solid 1px #0d5cab;
    background: none;
    background-color: #dde4eb;
}



a.submitLink, .submitLink
{
    height: 25px;
    width: 110px;
    color: #ffffff!important;
    border: solid 1px #0d5cab;
    background-color: #0d5cab;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzUzODBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzVjYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8c1da 0%, #5380aa 42%, #0c5cab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8c1da), color-stop(42%,#5380aa), color-stop(100%,#0c5cab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8c1da 0%,#5380aa 42%,#0c5cab 100%); /* W3C */
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.submitLinkContainer {margin-left:120px;margin-top:30px;}


a.submitLink:hover
{
    height: 25px;
    width: 110px;
    background: none;
    background-color: #dde4eb;
    border: solid 1px #0d5cab;
    color: #0d5cab!important;
    font-weight: bold;
    -moz-box-shadow: 1px 0px 2px #888;
    -webkit-box-shadow: 1px 0px 2px #888;
    box-shadow: 1px 0px 2px #888;
}

.description
{
    margin-bottom: 14px;
    color:Black;
}

.dataList li
{
    padding-top: 10px;
}

.contact_box
{
    width: 250px;
    float: right;
    margin-left: 24px;
}

.noBorder table, .noBorder td
{
    border: none;
    border: solid 0px #fff;
}

.min_form_height
{
    height: 250px;
}

.activeMessage
{
    background-color: #CCFF66;
}

.errorMessage
{
    color: Red;
}

.inactive
{
    background-color: Yellow;
}

table td
{
    border: 0;
}

.oddRow
{
    background-color: #F4F4F8;
}

.expiredCode
{
    background-color: #ff0000;
}

.lastMonthCode
{
    background-color: #ffff00;
}

.label
{
    font-weight: bold;
}

.datetable
{
    border: solid 1px #0d5cab;
}


/*  Agent profile logo  */
#viewlogoImage
{
   /*  max-width: 150px; */
    max-height: 104px;
  /*  width: expression(this.width > 150  ? (150 + "px") : true); */
    height: expression(this.height > 104 ? (104 + "px") : true);
}

#viewRepImage
{
    max-width: 150px;
    max-height: 150px;
    width: expression(this.width > 150  ? (150 + "px") : true);
    height: expression(this.height > 150 ? (150 + "px") : true);
}

/* alert session is over box  */

#popupexpirebox{
margin: 0;
padding:0;
width: 100%;
height: 70px;
position: relative;
background: #f90303;
border-top:0;
z-index: 9;
color:White;
font-size:19px;
font-family: arial;
display:none;
}

#popupexpirebox p{line-height:70px;text-align:center;padding:0;margin:0;}

/*  icon links for search list   */
a.add-icon { background: url("Images/Icons/add_icon.png") no-repeat top left;
     display: block;
     width: 16px;
     height: 16px;
     text-indent: -9999px; /* hides the link text */
     float:left;
     margin-right:5px;}
     
 a.add-icon-att { background: url("Images/Icons/add_icon_credit.png") no-repeat top left;
 display: block;
 width: 16px;
 height: 16px;
 text-indent: -9999px; /* hides the link text */
 float:left;
 margin-right:5px;}
 
 a.delete-icon { background: url("Images/Icons/delete-icon.png") no-repeat top left;
     display: block;
     width: 16px;
     height: 16px;
     text-indent: -9999px; /* hides the link text */
     float:left;
     margin-right:5px;}
     
a.edit-icon { background: url("../Content/Images/Icons/edit-user.png") no-repeat top left;
     display: block;
     width: 16px;
     height: 16px;
     text-indent: -9999px; /* hides the link text */
     float:left;
     margin-right:15px;} 
     
a.largeLink {font-size:1.5em;}

/*  tool tip on code search list   */
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

/*  QR code and agent message preview  */

.QR-preview {background:url("../Content/Images/abstract-ramp.png") no-repeat top left;width:843px;height:428px;}
.QR-preview-content {width:703px;margin-left:auto;margin-right:auto;padding-top:0px;color:Black;font-size:16px;line-height:18px;}

/*  Sponsor app section preview  */

.sponsorApp h4 {
background: url("../Content/Images/header-bar.png") no-repeat;
width: 625px;
margin-left:30px;
height: 28px;
color: #2E2E2C;
line-height: 28px;
font-size: 16px;
text-align:center;
}


#appsBackground {background-image: url('../Content/Images/COOL_Apps_BkGrnd_4.png');
background-color: gray;
width: 685px;
height: 220px;
float: left;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0px 0px 6px #5b5a55;
-webkit-box-shadow: 0px 0px 6px #5B5A55;
box-shadow: 0px 0px 6px #5B5A55;
border: 1px solid #CBC8C2;
margin-right: 4px;}

.appCatSponsor
{
    width:650px;
    margin: 20px 0px 20px 0px;
}

/* sponsor apps section  */
#appCatSponsor { float: left; width: 100%; /*min-height: 12em;*/ margin-left:40px;}  
.appCatSponsor.custom-state-active { background: #eee; }
.appCatSponsor li {float: left; width: 150px; padding: 0; margin: 0 0.1em 0 0; text-align: center; }
.appCatSponsor h5 { margin: 0 0 0.4em; cursor: move; }
.appCatSponsor a { float: right; }
.appCatSponsor a.ui-icon-zoomin { float: left; }
.appCatSponsor li img { border:none; width: 100%; cursor: cursor; }
.appCatSponsor li img:hover { margin:0; background-color:#A6A600; background-image: -moz-radial-gradient(center center, circle cover, #D7D700 45%, #A6A600 75%); background-image: -webkit-radial-gradient(center center, circle cover, #D7D700 45%, #A6A600 75%); background-image: -o-radial-gradient(center center, circle cover, #D7D700 45%, #A6A600 75%); background-image: -ms-radial-gradient(center center, circle cover, #D7D700 45%, #A6A600 75%); background-image: radial-gradient(center center, circle cover, #D7D700 45%, #A6A600 75%); background-repeat: no-repeat; background-attachment: fixed; height:auto; -moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}


/* sponsor apps section  */
#appCatSponsorPreview { float: left; width: 100%; /*min-height: 12em;*/ }  
.appCatSponsorPreview.custom-state-active { background: #eee; }
.appCatSponsorPreview li {float: left; width: 150px; padding: 0; margin: 0 0.1em 0 0; text-align: center; }
.appCatSponsorPreview h5 { margin: 0 0 0.4em; cursor: move; }
.appCatSponsorPreview a { float: right; }
.appCatSponsorPreview a.ui-icon-zoomin { float: left; }
.appCatSponsorPreview li img { border:none; width: 100%; cursor: cursor; }


.ui-widget-content {background:none!important;border:0!important;}

.editor-label-bold {font-weight:bold;}

#confirm-delete {color:Red;}

#messageToSponsor {clear: both; margin-bottom: 20px;font-size:1.2em}
#messageToSponsor, #messageToSponsor a, #messageToSponsor a:hover,
#messageToSponsor a:visited {color:White;background:red;padding:15px;padding-left:0;}
#messageToSponsor a{text-decoration:underline}

#tableNoBorder td:first-child
{
    border-left: 0px;
}

#tableNoBorder td:last-child
{
    border-right: 0px!important; border-right-width: 0;border:0px;
}

/* workaround:   IE <9 doesnt support :last-child
table td + td + td + td + td + td + td + td + td {border-right:solid 1px #0d5cab;}
table td + td + td {border-right:solid 1px #0d5cab;} */

#tableNoBorder td
{
    padding: 5px;
    border: 0px;
}

div#doclist {
    width: 430px;
    height: 140px;
}

div.mousescroll {
    overflow: hidden;
}
div.mousescroll:hover {
    overflow-y: scroll;
}

.slimScrollDiv { margin:10px; }



.mulit-assign {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; clear:both;width:98%;background:#3E83C9;color:white;font-size:16px;padding:3px;margin:5px;border:1px solid #0D5CAB;text-align:center}

.validation, #fileStatus{color:Red;font-weight:bold;padding:5px;}

.fulfilled {width:50px; height:16px; font-size:14px;padding:3px; background: #4297D7; color:black; border-radius: 3px; display:block}

.unfulfilled {width:70px; height:16px; font-size:14px;padding:3px; background: #CFC60A; color:black; border-radius: 3px;display:block}

.NoteDesc {font-size:130%;color:#000}

.downloadUserFile{color:Red!important;}

.list-no-note {font-size:120%;color:Red;margin:20px;}
.listContainer {width: 100%; float: left;height: 600px;}


#tipsSectionArea{display:none}

#tipsSection, .sendReminderToMember, .exportNotesLink {color:#0C5CAB !important;text-decoration:underline !important;}

.noteComment {color:#0C5CAB;}

.tipSectionTitle {color:white!important}

.ui-icon-tipsCloseButton { background-image: url('../Content/images/icons/delete-icon.png') }

.noteEnabled {font-size:120%;color:Red!important;margin:20px;}

#availableDownloads {padding:10px;border-radius: 5px; display:none;width:100;clear:both;background:#CADFEE;border:1px solid #4297D7 }
#availableDownloads hr {border:1px solid #4297D7}

#toggleDownloadsArea {padding-top: 7px;
    padding-left: 1em;width:190px;margin-bottom:12px;margin-left:15px;}

.documentCreate {text-decoration:underline; color:blue}
 
#toggleDownloadsArea, .btnRemoveNote, #tipsSection, .fulfill, .downloadUserFile, .mulit-assign,.sendReminderToMember,.followUpBtn, #showAddArea {cursor:pointer}

#showAddArea {padding-top: 20px;margin-top: 2em;   margin-left: 30px; margin-right: 50px;float: left;width:19%;height:40px;font-size:120%;text-align:center;vertical-align:middle;padding-top:20px}

.ui-datepicker  {border:2px solid #0C5CAB!important}

.overlay {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .overlay img {position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
   z-index:1001;}
   
   .browseBox {width:290px;padding:5px;font-size: 10px;}
   
   .green-enabled, .green-disabled, .sms-enabled, .sms-disabled, .sms-disabled-sp, .sms-enabled-sp, .share-disabled, .share-enabled, .doc-enabled, .doc-disabled, .prem-enabled, .prem-disabled{cursor:pointer}