/* Copyright 1999-2008 Givex Corporation. All rights reserved. */



/***************** STANDARD DECLARATIONS *****************/

body { font-size: 11px; background-repeat:repeat-x; background-color:#FFFFFF; margin: 0px; font-family: arial;
    width: auto; padding: 0px;   }

a {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.5em;
    color: #0E538A;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

a.public_ct_button {
    font-family: 'Gotham A', 'Gotham B';
    background-color: #99CC00;
    color: #FFFFFF;
    font-weight: 400;
    border: None;
    padding: 5px;
    text-decoration: none;
}

a.public_ct_button:hover {
    background-color: #8AB800;
    text-decoration: none;
}

a.public_ct_button.secondary_btn:hover {
    background-color: #5A5A5A;
}

a:visited {text-decoration: none;      color:#0E538A;}
a:hover   {text-decoration: underline; color:#6486b2;}

p  { color: #000000; line-height:1.5em; padding: 10px 0px 8px 0px; clear: both; margin: 0px;}

h1 { padding: 0px 0px  3px 0px;  font-family: 'Gotham A', 'Gotham B'; font-weight: 300; font-style: normal; font-size: 24px; color:#24272A; clear: left; border:0; background: none; margin-right:0; }
h2 { padding: 10px 0px 5px 0px;  font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal; font-size: 18px; color:#5a5a5a; clear: left; }
h3 { padding: 10px 0px 0px 0px;  font-family: 'Gotham A', 'Gotham B'; font-weight: bold; font-style: normal; font-size: 13px; color:#0E538A; line-height:1.5em; border-bottom: 1px solid #D0E34C; clear: left; }
h4 { padding: 10px 0px 0px 0px;  font-family: 'Gotham A', 'Gotham B'; font-weight: bold; font-style: normal; font-size: 13px; color:#555; line-height:1.5em; border-bottom: 1px solid #D0E34C; clear: left; }
h5 { padding: 10px 0px 0px 0px;  font-family: 'Gotham A', 'Gotham B'; font-weight: bold; font-style: normal; font-size: 11px; color:#3D3D3D; line-height:1.5em; }
font { color:#71747a; }
th h3 { border-bottom: none;}

td h3 { border-bottom: none;}

table {background: none;}

.title_bar_class {background: none;}
#header_left     { padding: 0px 0px 3px 0px;  font-size: 16px; color:#555;    font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15pt; float: left;  border-bottom: 1px solid #D0E34C; text-align: left; width: 50%; margin-bottom: 20px;}
#header_right    { padding: 0px 0px 3px 0px;  font-size: 16px; color:#555;    font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15pt; float: right; border-bottom: 1px solid #D0E34C; text-align: right; width: 50%; margin-bottom: 20px;}
.header_collapse { padding: 0px 0px 3px 0px;  font-size: 11pt; color:#555;    font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #D0E34C; text-align: left; width: 100%; margin-bottom: 20px; cursor: pointer;}

th { font-size: 12px; text-align:left; }
ul { font-size: 12px; text-align:left; margin: 0px; padding: 0px;}
ol { margin-left:20px; font-size: 11px; text-align:left; }
li { font-size: 12px; text-align:left; }

hr  { color:#00CC66;}
sup { font-size: 7pt; }
img { border:0; padding-bottom:0px; padding-top:0px;}

li  { color: #000000; line-height:1.5em; Margin-top: 0em; margin-bottom: 0em; }

li.cn { font-size: 13px; }

.menu_top_class {background-color:#0E5690;}

.menu_top_class a:visited {text-decoration: none;      color:#FFFFFF;}
.menu_top_class a:hover   {text-decoration: underline; color:#FFFFFF;}

/***************** MAIN LAYOUT *****************/

#container {
    width: 100%;
    background-color: #fff;
    }

.givex_body #container {
background-color: #f9f9fa !important;
background-repeat: repeat-x;
    }

#header {
    background: #0E5690;
    }


#main_left {
    min-height:540px;
    vertical-align: top;
    background-color: #F9F9FA;
    border-right: 1px solid #CECFD1;
    padding: 0; 
    }

* html #main_left {height: 540px;}

#main_right {
    min-height: 520px;
    vertical-align: top;
    padding: 15px;
    padding-left: 30px;
    backgroud-color: #FFFFFF;
    background-repeat: repeat-x;
    }

* html #main_right {height: 520px;}
                                                                                                                                                                                                              
#popup {
    top: 30%;
    width: 50%;
    height: 50%;
    position: absolute;
    margin: auto;
    border: 1px solid black;
    background: white;
    background-image:url(/images/portal/blue_bg.jpg);
    background-repeat: repeat-x;
    padding: 15px;
    overflow: auto;
    }

#live_chat {
    font-family: "Gotham A","Gotham B";
    font-weight: 500;
    font-size: 12px;
    padding: 7px 10px 7px 10px;
    right: 15px;
    bottom: 0px;
    position: fixed;
    color: #cecfd1;
    border: medium none;
    background-color: #1c2023;
    background-repeat:repeat-x;
    border-radius: 10px 10px 0px 0px;
    }

#live_chat:hover {
    cursor: pointer;
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    }

#live_chat #active {
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left: 50px;
    }

.error_class, .login_err_table .error_class a {
color: red;
}

.error-text {
    color: red;
    font-size: 14px;
}

.warning_detail_class, .warning_class, #warning {
color: #71747a;
}

.givex_body {
background-color:#f9f9fa;
}


/***************** NAV ITEMS *****************/

.nav_head {
    font-family:   arial;
    font-size:     12pt;
    color:         red;
    border-bottom: 1px solid green;
    }

.nav_item {
    font-family:   arial;
    font-size:     10pt;
    color:         red;
    border-bottom: 1px solid green;
    }

.nav_subitem {
    font-family:   arial;
    font-size:     10pt;
    color:         red;
    border-bottom: 1px solid green;
    }

/***************** NAVIGATION MENU *****************/

.top_nav_header {
    font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal;
    font-size: 14px;
    color: #9B9B9B;
    padding: 10px;
    margin-left: 10px;
    margin-right: 20px;
}

#top_nav {
    background-color: #24272A;
    background-repeat: repeat-x;
    height: 23px;
    margin-left: 0px;
    padding: 0px; margin: 0px;
    }

#top_nav ul li {padding-top: 10px;}

#nav a             { font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal; font-size: 9px; color: #9B9B9B; text-decoration: none; display: block; letter-spacing: 1px; }
#nav a:hover       { font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal; font-size: 9px; color: #1C2023; text-decoration: none; display: block; letter-spacing: 1px; }
#nav a.cn          { font-size: 13px; }
#nav ul            { list-style: none;  margin-left: 0px; padding: 0px; margin: 0px;}
#nav li            { left: 0; float: left; position: relative; display: block; padding: 0px; margin: 0px;}
#nav li li         { width: 100%; background-color: #F9F9FA; padding: 0px; margin: 0px; }
#nav li ul         { display: none; position: absolute; padding: 0px; border: 1px solid #505050; /* IEEEEEEEEEEE */  padding: 0px; margin: 0px; }
#nav li li a       { padding: 5px; }
#nav li:hover ul   { display: block; padding: 0px; margin: 0px; z-index:100;}
#nav li.over  ul   { display: block; padding: 0px; margin: 0px; z-index:100;} /* IE6 */
#nav li a:hover    { background-color: #FFFFFF; }
#nav li a.top_nav_link:hover    { background-color: #24272A; }
#nav img { margin-left: 0px; padding: 0px; margin: 0px;}

/***************** LOGIN *****************/

.login_body, .login_body_small, .login_div {
padding-left: 20%;
line-height: 2em;
padding-right: 20px;
text-align: left;
}

.login_body h1 {
padding-bottom: 10px;
font-weight: 400;
}

p.login_body, p.login_body_small {
padding-left: 20.3%;
font-weight: 200;
width: 45%;
}

.login_body_small, .login_body_small a {
padding-top: 0px;
font-size: 14px;
font-weight: 200;
color: #71747a;
}

.login_body_small a {
text-decoration: underline;
}

.login_form_table {
padding: 0 15 0 15;
background-color: #ffffff;
border: 2px solid #cecfd1;
border-radius: 7px;
float: left;
}

.login_form input {
font-size: 17px;
border: 2px solid #cecfd1;
border-radius: 3px;
padding: 10px;
padding-right: 15px;
}

.login_form_input_text:focus {
background-color: rgba(224, 255, 255, 0.3);
}

.login_form_table a {
color: #00bfff;
font-size: 14px;
font-weight: 3px;
}

.login_form_text {
padding-top: 15px;
}

.login_form_bottom {
padding-bottom: 15px;
}

.login_err_table .error_class {
font-size: 12px;
}

.login_err_table {
padding-left: 15px;
}

.login_err_table .error_class a {
text-decoration: underline;
}

.login_link {
font-size: 15px;
}

/***************** FOOTER *****************/

#footer_main_copyright {
    font-size: 10px;
    color: #9b9b9b;
    text-align:center;
    clear: both;
    padding-top: 10px;
    padding-bottom: 4px;
    margin: auto;
    }

.givex_body #footer_main_copyright {
position: fixed;
    bottom: 5px;
    width: 100%;
}

/***************** FORMS *****************/

input       {}
option       {color:#2C5277;}
input     {font-family: Arial; font-size: 11px;color: #000000; border: 1px solid #cecfd1;}
select    {font-family: Arial; font-size: 11px;color: #000000; border: 1px solid #cecfd1;}
textarea  {font-family: Arial; font-size: 11px;color: #000000; border: 1px solid #cecfd1;}
input[type=SUBMIT] {font-family: 'Gotham A', 'Gotham B'; background-color: #99CC00; color: #FFFFFF; font-weight: 400; border: None; padding: 5px;}
input[type=SUBMIT]:hover {background-color: #8AB800;}
input[type=SUBMIT].secondary_btn:hover {background-color: #5A5A5A;}
input[type=RESET], input[type=BUTTON], input.secondary_btn, input.cert_pocket_grp_dtl_list_action_btn, input.cert_pocket_list_action_btn {font-family: 'Gotham A', 'Gotham B'; background-color: #5A5A5A; color: #FFFFFF; font-weight: 400; border: None; padding: 5px;}
input.primary_btn { background-color: #99CC00; }
input.primary_btn:hover { background-color: #8AB800; }
.disabled_input {background: #CCCCCC; color: #000000;}
.readonly_textarea {color: Gray;}
.checkbox  { width: auto; margin: 0px 5px 4px 0px; border: 0px;}
.selectbox { width: 400px; }
.radio_button {width: auto; margin: 0px 5px 0px 0px; border: 0px;}

.btn_submit {
    width: 200px;
    }

.text_input_med {
    width: 200px;
    }

.form_elem {
    padding:2px;
    }

.input_label {
    display:block;
    float:left;
    padding-right:10px;
    text-align:right;
    width:200px;
    font-weight: bold;
    }

.input_elem {
    float: right;
    text-align: left;
    }

form fieldset {
    width:auto;
    max-width:95%;
    border:1px solid #c0c0c0;
    padding:20px;
    clear: both;
}

form fieldset legend {
    font-size: 1.1em;
    font-weight: normal;
    color: #3D3D3D;
    margin: 0px;
    padding: 0px 5px;
    font-weight:bold;
    clear: both;
}

.fav_header   { background-image: url(/images/portal/nav_spacer.jpg); height: 23px; }
.fav_checkbox { float: right; height: 20px; color: white; font-weight: bold; margin-right: 10px; margin-top: 3px; }
.fav_label    { float: right; height: 20px; color: white; font-weight: bold; margin-right: 10px; margin-top: 3px; }

/***************** AUTOLIST TABLE  *****************/

.table_autolist {
    border: 1px solid #D8E9F3;
    }

.table_header {
    height: 2em;
    background: #0E5690;
    }

.table_header a {
    color: #FFFFFF;
    font-weight: bold;
    }


.table_header_label {
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 5px;
    }

.table_row {
    background: #DDEBF6;
    height: 2em;
    }

.table_row_alt {
    background: #EDF4FA;
    height: 2em;
    }

.table_row_lastrow {

    height: 2em;
    text-align: right;
    font-weight: bold;
    }

.table_data {
    padding-left: 5px;
    text-align: left;
    }

.table_data_lastrow {
    padding-left: 5px;
    text-align: right;
    }

.table_autolist table_row a { text-decoration: none; }

.green_underline { padding-top: 15px; border-bottom: 1px solid #D0E34C }

.green_underline a { font-size: 14px; color: #00BFFF; text-decoration: underline;}

.green_underline a:hover { color: #1E90FF; text-decoration: underline;}

td a {font-size: 12px;}

h2 a {font-size: 18px;}

.normal_ul {font-size: 11px; text-align:left; padding:0px; padding-top:10px; padding-bottom:10px; padding-left:20px; margin:auto; margin-left:20px}
.normal_li {font-size: 11px; text-align:left; color: #000000; line-height:1.5em;  padding:0px; padding-left:5px; margin:auto; }

/*** Classes to handle a question mark image and text when mouse hovering  ***/
.help_stat {
    height: 14px;
    width: 14px;
}

.help_text {
    background-color: #f4f4f4;
    border-color: #d0d0d0;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.23);
    color: #2a2f39;
    font-size: 10pt;
    padding: 0 10px;
}