* {margin: 0; padding: 0;}


/*remove wide padding on buttons from IE */
.button{padding: 0 .25em; width: 0;overflow:visible;}
.button[class] {width:auto;} /*ie ignores [class]

/*************** start standard html elemetn ********************/
html {overflow-Y: scroll;} /*faq toogle*/

body {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.66em; line-height:1.4em;}
a {color:#F4911C; text-decoration:none;}
a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
h1 {font-size:1.65em; font-weight:bold; color:#F86500; line-height:1em; margin-bottom:0.5em;}   
h2 {font-size:1.65em; font-weight:bold; line-height:1em; margin-bottom:0.5em;}
h3 {font-size:1.2em; font-weight:bold; line-height:1em; margin-bottom:0.5em;} 
h4 {font-size:1.2em; font-weight:bold; line-height:1em; margin-bottom:10px;} 
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} /* not in use*/
h6 {font-size:1em;font-weight:bold;} /* not in use*/
hr {border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left; margin: 5px 0;}
img { border: none; vertical-align:bottom;/*get rid of extra 3px bottom padding for doctype strict.*/} 
ul {margin-left: 25px;}
p {margin-bottom: 10px;}
p img {float:left; margin: 0 10px 10px 0;padding:0;}
p img.right {float:right;margin:0 0 10px 10px;}
.clear {clear:both;}

/*************** end standard html elemetn ********************/

/*img {margin:0;padding:0;border:0}*/

#page-wrap {width: 725px; margin: 0 auto;}
/*#header {}*/

#menu {width: 145px; padding: 10px 10px 10px 16px; height:450px;} /* set the height of the menu will help page from collapsing on short content.*/
#menu ul{font-size:10px; font-weight:bold; margin:0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none;}
#menu ul li {padding-bottom:11px;}
#menu ul a {color:#666666; display:block; text-decoration: none; }
#menu ul a:hover, #menu ul a.selected {color:#00A4E4;}

#main-content {width: 315px; padding: 10px 10px 15px 10px;}
.main-content-top {background:transparent url(../images/page-hd.jpg) no-repeat top left; height:11px; width:725px; overflow:hidden;}
.main-content-middle {background:transparent url(../images/page-bd.jpg) repeat-y; width:725px;}
.main-content-bottom {background:transparent url(../images/page-ft.jpg) no-repeat top left; width:725px; height:8px;}

#secondary-content {width: 178px; padding: 0 10px 0 23px;}
.secondary-content-top {padding:0 10px 0 10px; height:65px; background:transparent url(../images/user_panel_top.gif) no-repeat top left;}
.secondary-content-middle {padding:0 10px 10px 10px; background:transparent url(../images/user_panel_body.gif) repeat-y;}
.secondary-content-bottom {height:10px; background:transparent url(../images/user_panel_bottom.gif) no-repeat top left;}

.secondary-content-top h2, .secondary-content-top .greeting{color:#fff;}
.secondary-content-top .greeting{padding: 3px 0 2px 0;}
.secondary-content-middle h2{color:#707070;}

#main-content-2column {width: 516px; padding: 10px 15px 15px 15px;}
.main-content-2column-top {background:transparent url(../images/admin-page-hd.jpg) no-repeat top left; height:11px; width:725px; overflow:hidden;}
.main-content-2column-middle {background:transparent url(../images/admin-page-bd.jpg) repeat-y; width:725px;}
.main-content-2column-bottom {background:transparent url(../images/admin-page-ft.jpg) no-repeat top left; width:725px; height:8px;}

/*new css only full width layout, not using table*/
#contenttop {background:transparent url(../images/full-page-hd.jpg) no-repeat top left; height:11px; width:724px; overflow:hidden;}
#contentbody {background:transparent url(../images/full-page-bd.jpg) repeat-y; width:724px; }
#contentbottom {background:transparent url(../images/full-page-ft.jpg) no-repeat top left; width:724px; height:8px;}
#contentmain {padding: 10px 20px 15px 20px;}

/**************************************************/

/*.contactmanage, .contactpending { margin-top:5px;}*/

.alertmanagement fieldset{padding:10px 10px 20px 10px; width:398px; border:1px solid #dbdbdb;}
.subscriptionmanagement fieldset{padding:10px 10px 20px 10px; width:430px; border:1px solid #dbdbdb;}
.addcontactpanel {padding-top:10px;} 


.breaking-news-header, .programlist-header {padding-top:10px; text-transform:uppercase;} 
.programs, .breaking-news {padding: 10px 0}
.program-image { padding-bottom: 10px;}
.program-type { margin-bottom: 10px;}
/*.breaking-news img, .breaking-news .image {float: left; margin: 0 10px 5px 0;} */
.breaking-news .image {float: left; margin: 0 10px 5px 0;}


.faq-question {margin:5px 0 1px 0; font-weight:bold;}
.faq-question a {color:#000;}
.faq-question a:hover {text-decoration:none;}
.faq-contactus {border:1px solid #000; padding:10px}

.survey {padding-bottom: 15px;}
.survey table td {padding-bottom: 4px; vertical-align:top;}
.survey table td label {padding-left: 4px; display:block;}
.survey .question {margin-bottom: 10px; padding-bottom: 5px; font-weight:bold; font-size: 12px; color:#F86500; border-bottom:1px solid #9E9E9E;}
.survey .question .instruction { font-size: 11px; color:#000;}

#enroll-programs {margin-top: 10px;}
#enroll-programs ul{margin:0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none; }
#enroll-programs ul li {padding-bottom:10px;}

#userlookup .form {float:left; margin-left:45px;}
/*#userlookup #userlookup-enrolledprograms { float:left; margin:10px 0 0 10px;}*/

.privacy-subhead {font-size:1.2em; font-weight:bold; line-height:1; margin-bottom:0.5em;margin-bottom:10px;}
.topofpage{ text-align: right; padding-right:10px;}

#footer { text-align: center; padding-top: 20px; padding-bottom: 20px; font-size:10px;}
#footer, #footer a, #footer a:visited {color:#707070;}

.center {text-align:center}
.center table{margin-left: auto;margin-right: auto;text-align: left;}
.bold { font-weight:bold;}
.sidepadding {padding:0 10px;}
.hidden {display: none;}

.separator {border-top: 1px solid #ccc;}
.separator-bottom {border-bottom: 1px solid #ccc; margin-bottom:10px;}
.important-message {font-weight:bold; color: red;}

.ajaxloading-indicator { background: transparent url(../images/ajax/ajax-loader2.gif) no-repeat top left; width:66px; height:66px;}

/*************** start form style ********************/
/*.form {padding:10px 0; margin-bottom:20px; width:315px; margin-left:auto; margin-right:auto;}*/
.input-text-small {width:50px;}

.form {padding:10px 0; width:315px; margin-left:auto; margin-right:auto;}
.form-medium table td, .form table td, .formwide table td {padding-bottom: 7px;}

.form-medium table td.hint, .form table td.hint, .formwide table td.hint, .formFullWidth table td.hint {padding-bottom: 0px;}
.form-medium div.hint, .form div.hint, .formwide div.hint, .formFullWidth div.hint, .formFullWidth span.hint {font-size:10px; color:#707070;}

.form .label, .formwide .label{display:block;	width:85px;}
.form-medium .top, .formFullWidth .top, .form .top, .formwide .top {vertical-align:top; padding-top:1px;}
.form-medium .input-text-wide, .input-text, .form-medium select, .form select, .formwide .input-text, .formwide select {padding: 2px;}
.input-text, .form .checkbox-lable, .form div.hint, .formFullWidth div.hint{width:170px;}

.form .checkbox-lable-long, .formwide .checkbox-lable-long {width:245px;}
.requiredfield-indicator, .requiredfield-indicator {margin-left: 3px;}
.form .validator, .formwide .validator .formFullWidth .validator{float:left; display:block; width:16px; height:16px; background:white url(../images/icons/validator.gif) no-repeat top left;}
.form .error-message {border:solid 1px #CC0000; background:#F7CBCA; color:#CC0000; font-weight:bold; padding:4px; margin: 5px;} 
.form .error-message {display:block; width: 258px;}

.form .disabled {background-color:#ebebe4; border:1px solid #7f9db9;}
.form select {width:178px;}
.form .select-box select {width:178px;}
.form .select-box {vertical-align:middle;}

/*.formwide {padding:10px 0; margin-bottom:20px; width:515px; margin-left:auto; margin-right:auto;}*/
.formwide {padding:10px 0; width:515px; margin-left:auto; margin-right:auto;}
.formwide .input-text, .formwide .checkbox-lable, .formwide div.hint {width:292px;}
.formwide select, .formwide-selectbox {width:300px;}

.formFullWidth {padding:10px 0; margin-left:auto; margin-right:auto;}
.formFullWidth table td {padding-bottom: 7px;}
.formFullWidth .select-box {width:224px;}

.form-medium {padding:10px 0; width:343px; margin-left:auto; margin-right:auto;}
.form-medium .select-box select {width:228px;}
.input-text-wide, .form-medium .checkbox-lable, .form-medium div.hint, .form-medium div.hint{width:220px;}
.form-medium .datepicker {width:202px; padding: 2px;}
.form-medium .label {display:block;	width:100px;}


.notification-logo {padding-right: 15px}
.checkbox, .label{text-align:right; padding-right:6px;}

.validator {float:left; display:block; width:16px; height:16px; background:white url(../images/icons/validator.gif) no-repeat top left;}
.toggle_trigger {cursor:pointer; width:505px; margin-bottom:5px; padding:5px; border: 1px solid #F6F6F6; background:#DADADA url(../images/toggle/togglerc.gif) center right no-repeat;}
.toggle_trigger_active{background:#DADADA url(../images/toggle/togglero.gif) center right no-repeat;} 
.toggle_trigger:hover {border: 1px solid #DADADA; background-color:#F6F6F6;}
.toggle_container {border:1px solid #DADADA;}

span.smark{font-family: "Lucida Sans Unicode"; line-height: 0;}
span.reg{position: relative;top: -3px; font-size: 77%;}
span.reghead{position: relative; top: -13px; font-size: 50%;} 


/*************** end form style ********************/

/******** new form style using order list **********/
    /*left align: not in use at this point */
        /*
        fieldset{ float:left; clear:both;}
        fieldset ol { list-style-type:none; margin:0; padding:15px;}
        fieldset ol li { clear:both; margin:0 0 4px;}
        fieldset ol li label {display:block; width:120px; float:left;}
        fieldset ol li.action {padding: 0 0 0 120px;}
        */
        
        /*right align: not in use at this point */
        /*
        fieldset{ float:left; clear:both;}
        fieldset ol { list-style-type:none; margin:0; padding:15px;}
        fieldset ol li { clear:both; margin:0 0 4px;}
        fieldset ol li label {display:block; width:110px; float:left; margin-right:10px; text-align:right;}
        fieldset ol li.action {padding: 0 0 0 120px;}
        */
        
        /*top align */
        .olform{ float:left; clear:both; }
        .olform ol { list-style-type:none; margin:0; padding:15px;}
        .olform ol li { clear:both; margin:0 0 4px;}
        .olform ol li label {display:block;}
        .olform ol li input[type=text]{width:200px;} /*not required*/
        .olform ol li.action {margin-top: 10px;}
        

/******** end new form style using order list **********/


/******** buttons **********/
/*  http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/  */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    /*
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    color:#565656;
    font-weight:bold;
    */
    text-decoration:none;
    cursor:pointer;
    padding:3px 8px 4px 5px;
    /*padding:5px 10px 6px 7px; */ /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}

/* STANDARD */

button:hover, .buttons a:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
.buttons a:active{background-color:#6299c5; border:1px solid #6299c5; color:#fff;}

/* POSITIVE */

button.positive, .buttons a.positive{color:#529214;}
.buttons a.positive:hover, button.positive:hover{background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;}
.buttons a.positive:active{background-color:#529214; border:1px solid #529214; color:#fff;}

/* NEGATIVE */
.buttons a.negative, button.negative{color:#d12f19;}
.buttons a.negative:hover, button.negative:hover{background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
.buttons a.negative:active{background-color:#d12f19; border:1px solid #d12f19; color:#fff;}

/* REGULAR */
button.regular, .buttons a.regular{color:#336699;}
.buttons a.regular:hover, button.regular:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
.buttons a.regular:active{background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
	

.cssbutton
{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    text-decoration:none;
    cursor:pointer;
    padding:3px 8px 4px 5px;
}
/******** end buttons **********/





/*************** css message boxes for different message types ********************/
.messagebox{display:block;}
.info, .success, .warning, .error, .validation {border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font-weight:bold;}
.info {color: #00529B; background-color: #BDE5F8; background-image: url(../images/icons/info.gif);}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url(../images/icons/success.gif);}
.error {color: #D8000C; background-color: #FFBABA; background-image: url(../images/icons/error.gif);}
.warning {color: #9F6000; background-color: #FEEFB3; background-image: url(../images/icons/warning.png);}
.validation {color: #CC0000; background-color: #FFCCBA; background-image: url(../images/icons/validation.gif);} 
.validation ul {padding-top:10px;}

/*no icon*/
.infox, .errorx {border: 1px solid; margin: 10px 0px; padding:10px; font-weight:bold; }
.infox {border-color:#E2C822; background-color: #FFF9D7;}
.errorx {border-color:#DD3C10; background-color: #FFEBE8;}

/*.successx {border-color:#9bde2b; background-color: #DFF2BF;}*/

/*********************************************************************************/


.textheader {font-size:14px;font-weight:bold}
.text {font-size:12px;}
.search-criteria {width:360px;}

/*.fieldHighlight input:focus, .fieldHighlight textarea:focus{border:1px solid #333; background:#FFF;}*/
.highlight {background:#FFFFE1; border: 1px solid #7F9DB9; padding:3px;}
.linkbutton {border:1px solid #DBDBDB; padding:5px 10px; color:#F4911C;}

.tab-subhead{ text-transform:uppercase; font-size:1.0em; font-weight:bold; padding: 10px 0;}
.remoteprocess-container {padding-top: 10px;}

.icon:hover { cursor: pointer;}

.surveybutton {padding:10px 0;}
.surveybutton a {color: orange; border:orange 1px solid;font-weight: bold;padding: 5px 10px;text-align: center;text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.surveybutton a:hover {color: white; background-color: orange;}