﻿.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


html, body {
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

body {
    background:#F4F6F7 url(/images/headerFooter/bodyBg_tile.png) repeat-x scroll left top;
}
#container {
    background-color:#FFF; 
    display:table; 
    width:970px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 10px;
}
#mainContent {
    padding:0 20px 0 19px; 
    float:left; 
    width: 930px;
}

.hidden {display:none !important;}

/* For browsers that don't style disabled links (ie FireFox) */
a[disabled], a[disabled]:hover { color:#999999; text-decoration:none; }


a, a:link, a:visited {
    color: #0E428D;
}
    
a:hover {
    text-decoration:underline;
    color: #026F9C;
}

a img {border:0;}

.fakelink {
    color: #0E428D; 
    text-decoration: underline;
    cursor: pointer;
    }
.fakelink:hover {
    text-decoration: none;
    cursor: pointer;
    color: #026F9C;
    }

#overDiv table {
    border: none;
}
#overDiv td {
    border: solid 1px #303A52;
}

.minimumHeight {
    width: 1px;
    float: left;
    height: 600px;
}

.mainContent {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}

#titleRow {
    z-index: 5;
    width: 930px;
}
.pageTitle {
    padding: 10px 0px;
    font-size: 2.5em;
    font-family: Georgia;
    color: #303A52;
    width: 690px;
}
.pageTitleMyWingsHyperLink
{
    padding-left:25px;
    text-decoration:none;
    font-size:1em;    
}


.tooltip a, .tooltip a:visited, .tooltip a:hover, a.tooltip, a:visited.tooltip, a:hover.tooltip {
    text-decoration: none;    
    padding-right: 18px;
    background-image: url(/images/icons/comment.gif);
    background-repeat: no-repeat;
    background-position: right 0px;
    margin-right: 1px;
}

a:visited {
    color: blue;
}


/* Header */
#header {
    background:#fff url("/images/headerFooter/header_bg_slice.gif") left top repeat-x;
    margin: 10px 10px 0px 10px;
}
#headerLeft {
    float: left;
}
#headerRight {
    float: left;
    width: 740px;
    padding-top: 5px;
}
#headerRight a, #headerRight a:visited {
     color: #303A52;
}
#headerRight a:hover {
     color: #026F9C;
}
#about {font-weight: normal; padding: 1px 20px 0px 0px; height:20px; float:right; font-size:1.167em; font-family:Arial; font-weight:bold; color:#303A52;}
#homeLink { font-weight: normal; padding: 1px 20px 0px 0px; height:20px; float:right; font-size:1.167em; font-family:Arial; font-weight:bold; color:#303A52;}
#searchBox {float: right; padding-top: 20px;}


/* Footer */
#footer {background:transparent url("/images/headerFooter/footer_matrix.png") left top repeat-x;  border-top:1px solid #C3D2DF; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; width:970px; height:160px; padding:23px 0 10px; margin:auto; position:relative; clear:both;}
#footer a {color:#575757;}
#footer .midSection
{
    width:160px;
    height:133px;
    float:left;
}

#footer .divide
{
    background:transparent url("/images/headerFooter/footer_matrix.png") 0 -430px no-repeat;
    padding-left:15px;
}

#footer p.title {font-size:1.3em; font-weight:bold; clear:left; color:#575757; margin: 0px;}
#footer .address {background:transparent url("/images/headerFooter/footer_matrix.png") 10px -213px no-repeat; float:left; width:210px; padding-left:80px;}
#footer .address a {color:#2870df; text-decoration: none;}
#footer .address p {margin: 0px;}
#footer .right {width:225px; height:133px; float: right;}
#footer .readersViewers {float:left; padding-left: 0px;}
#footer .readersViewers {height:16px; margin-bottom:13px;}
#footer .readersViewers li {float:left; padding-right:7px;}
#footer .readersViewers a {width:16px; height:16px; display:block; background-image:url("/images/headerFooter/footer_matrix.png"); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
#footer .readersViewers li.pdf a {background-position:0 -350px;}
#footer .readersViewers li.ppt a {background-position:-16px -350px;}
#footer .readersViewers li.zip a {background-position:-32px -350px; width:14px;}
#footer .readersViewers li.doc a {background-position:-46px -350px;}
#footer .readersViewers li.xls a {background-position:-62px -350px; width:15px;}
#footer p.faq {background:transparent url("/images/headerFooter/footer_matrix.png") 0 -600px no-repeat; height:30px; position:relative; top:-7px;}
#footer p.faq a {color:#2870df; line-height:30px; font-weight:bold; font-size:1.3em; padding-left:35px;}
#footer p.allQuestions a {font-weight:normal; font-size:1em; color:#2870df; position:relative; left:35px; top:-10px;}

#footer ul
{
    list-style-image: none;
    list-style: none;
    padding: 0px;
    text-align: left;
    /* explicity set the margins for IE 6 & 7 */
    margin: 0px 0px 0px 0px;
}
#footer ul a {text-decoration: none;}

.SlideToggleBar
{
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #0E428D;
    text-decoration: underline;
}


/* Tables */

TD.formcell
{
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: 700;
	color: #000033;
}

/* Headings */

.sectionHeading
{
    font-weight: bold;
    color: #2C354C;
    font-size: 1.167em;
    padding-bottom: 4px;
    padding-top: 4px;
}

.sectionSubHeading
{
    font-weight: bold;
    padding-bottom: 4px;
}


TD.DST_SetToolInfoHeader
{
	font-family: Arial;
	font-size: 1.083em;
	font-weight: 700;
	color: #000000;
}
.DST_CriteriaSelHeaderText
{
	vertical-align: top;
	color: #000000;
	text-align: left;
	padding-bottom: 4px;
	margin-bottom: 0px;
	font-size: 1.083em;
	font-weight: 700;
}
.DST_NotificationType
{
	font-weight: 900;
	color: #FFFF00;
}

/* Search field and value styles */

.searchRow
{
    width: 100%;
    color: #4F5F81;
}

.searchRowColumn1
{
    float: left;
    width: 120px;
    text-align: right;
    font-weight: bold;
    margin-right:4px;
    margin-top: 7px;
}

.searchRowColumn2
{
    float: left;
    width: 250px;
    margin-top: 3px;
}


.DirectoryRowColumn1
{
    float: left;
    width: 80px;
    text-align: right;
    font-weight: bold;
    margin-right:4px;
    margin-top: 7px;
}

.DirectoryRowColumn2
{
    float: left;
    width: 200px;
    margin-top: 3px;
}

.searchRowSearchButton
{
    float: left;
    width: 100px;
    padding-left: 123px;
    padding-top: 10px;
}

.searchRowColumnFloat
{
    float: left;
    padding-left: 5px;
    font-weight: bold;
    margin-top: 5px;
}

/* Table of contents styles */

.TocSectionRow
{
    width: 98%;
}
    
.TocSection 
{
    font-family: Arial;
    float: left;
    width: 400px;
    padding: 0px 30px 10px 0px;    
}

.TocSectionGroup 
{
    font-family: Arial;
    float: left;
    width: 440px;
}

.TocSectionTitle
{
    font-weight: bold;
    color: #FFFFFF;    
    padding: 0px 0px 5px 5px;
    width: 395px;
}

.TocSectionLabel
{
    font-weight: bold;
    color: #4F5F81;
}

.TocSectionLinks
{        
    width: 398px;    
    border-left: solid 1px #C5C6C8;
    border-right: solid 1px #C5C6C8;
    border-bottom: solid 1px #C5C6C8;
}

.TocSectionLink
{
    padding-top: 3px;
    padding: 2px 0px 2px 15px;
}

.TocSubSectionLink
{
    padding-top: 3px;
    padding: 2px 0px 2px 30px;
}

/* Name Value pairs rows and columns */

.NameValueRow
{        
    width: 100%;
    padding: 2px 0px 2px 0px;      
}    
.NameValueSpacer
{
    padding-top: 4px;
    padding-bottom: 4px;
}
.NameValueColumn1
{
    float: left;
    width: 160px;
    text-align: right;
}
.NameValueColumn2
{
    float: left;
    width: 500px;
    font-weight: bold;
    padding-left: 8px;
}

.NameValueColumn2NotBold
{
    float: left;
    width: 500px;
    padding-left: 8px;
}

.MultiColumnNameValueColumn1
{
    float: left;
}

.MultiColumnNameValueColumn2
{
    float: left;
    font-weight: bold;
    padding-left: 8px;
}

.NameValueRowBottomPadding
{
    padding-bottom: 8px;
}
/* Course Header Footer */
.courseHeaderFooter tr.chapter_bar
{
    background-color:#e6e6e6;
    height: 25px;
}

.courseHeaderFooter td.chapter_bar
{        
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding: 0px 3px;
}

.courseHeaderFooter .chapter_bar
{        
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color:#e6e6e6;
    height: 25px;
    text-align: center;
}
.courseHeaderFooter a.chapter_complete
{
    font-size: 1.083em;
    color: #56618B;
    font-weight:bold;
    font-family: Arial, helvetica, Sans-Serif;
}
.courseHeaderFooter a.visited.chapter_complete
{
    font-size: 1.083em;
    color: #56618B;
    font-weight:bold;
    font-family: Arial, helvetica, Sans-Serif;
}

.courseHeaderFooter a.chapter_current
{
    font-size: 1.083em;
    color: #C46200;
    font-weight:bold;
    font-family: Arial, helvetica, Sans-Serif;
}

.courseHeaderFooter a.visited.chapter_current
{
    font-size: 1.083em;
    color: #C46200;
    font-weight:bold;
    font-family: Arial, helvetica, Sans-Serif;
}

.courseHeaderFooter a.chapter_incomplete
{
    font-size: 1.083em;
    color: #000000;
    font-weight:bold;
    font-family: Arial, helvetica, Sans-Serif;
}

.courseHeaderFooter a.visited.chapter_incomplete
{
    font-size: 1.083em;
    color: #000000;
    font-weight:bold;
    font-family: Arial, helvetica, Sans-Serif;
}

/* Page widths */

.PageLeftContent
{
    width: 680px;
}

/* Course Listing styles */

#courseListing {
    border-bottom: 1px solid #BBBBBB;
}
#courseListing .header {
    color: #666666;
    font-weight: bold;
    border-top: solid 1px #BBBBBB;
    float: left;
    padding: 2px 5px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
}
#courseListing .headerwidth {    
    width: 929px;
}
#courseListing .rowwidth {    
    width: 927px;
}
#courseListing .rightHeader {
    float: left;
    border: none;
    background-image: url(/images/course_catalog_header_right.gif);
    padding: 2px 5px;
    margin: 0px;
}
#courseListing .row {
    border-left: solid 1px #BBBBBB;
}
#courseListing .row .column {
    float: left;
    padding: 4px 5px;
    margin: 0px 0px 0px 0px;
}
#courseListing .row .column1 {
    width: 113px;
}
#courseListing .row .column2 {
    width: 50px;
}
#courseListing .row .column3 {
    width: 361px;
}
#courseListing .row .column4 {
    width: 30px;
}
#courseListing .row .column5 {
    width: 200px;
}
#courseListing .row .column6 {
    width: 100px;
}
#courseListing .row .column7
{
    width: 4px;
    height: 17px;
}
#courseListing .authorColumn {
    width: 125px;
}
#courseListing .titleColumn {
    width: 261px;
}
/* Use this class for all implementations of Credit Applicability*/
#courseListing .creditColumn {
    width: 270px;
}

#courseListing .leftCell
{
    font-weight: bold;
}
#courseListing .rightBorder
{
    border-right: solid 1px #BBBBBB;
}
#courseListing td
{
    padding: 3px 10px;
}
#courseListing table
{
    border-bottom: solid 1px #BBBBBB;
}
#courseListing .evenRow
{
    background-color: #EEF1F3;
}

#courseListing .enrolled
{
    color: Green;
}

#courseListing .hasCost
{
    color: #BA55D3;
}

.courseListingClass {
    border-bottom: 1px solid #BBBBBB;
}
.courseListingClass .header {
    color: #666666;
    font-weight: bold;
    border-top: solid 1px #BBBBBB;
    float: left;
    padding: 2px 5px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
}
.courseListingClass .headerwidth {    
    width: 929px;
}
.courseListingClass .rowwidth {    
    width: 927px;
}
.courseListingClass .rightHeader {
    float: left;
    border: none;
    background-image: url(/images/course_catalog_header_right.gif);
    padding: 2px 5px;
    margin: 0px;
}
.courseListingClass .row {
    border-left: solid 1px #BBBBBB;
}
.courseListingClass .row .column {
    float: left;
    padding: 4px 5px;
    margin: 0px 0px 0px 0px;
}
.courseListingClass .row .column1 {
    width: 108px;
}
.courseListingClass .row .column2 {
    width: 55px;
}
.courseListingClass .row .column3 {
    width: 361px;
}
.courseListingClass .row .column4 {
    width: 30px;
}
.courseListingClass .row .column5 {
    width: 200px;
}
.courseListingClass .row .column6 {
    width: 100px;
}
.courseListingClass .row .column7
{
    width: 4px;
    height: 17px;
}
.courseListingClass .authorColumn {
    width: 125px;
}
.courseListingClass .titleColumn {
    width: 261px;
}
/* Use this class for all implementations of Credit Applicability*/
.courseListingClass .creditColumn {
    width: 275px;
}

.courseListingClass .leftCell
{
    font-weight: bold;
}
.courseListingClass .rightBorder
{
    border-right: solid 1px #BBBBBB;
}
.courseListingClass td
{
    padding: 3px 10px;
}
.courseListingClass table
{
    border-bottom: solid 1px #BBBBBB;
}
.courseListingClass .evenRow
{
    background-color: #EEF1F3;
}

.evenRowAlt
{
    
    background-color: #FFFFFF;
}

.courseListingClass .enrolled
{
    color: Green;
}

.courseListingClass .hasCost
{
    color: #BA55D3;
}


.enrolled
{
    color: Green;
}

.pending
{
    color: Blue;
}

.canceled
{
    color: Gray;
}

/* Warnings */
.bigwarn_o
{
	/*background-color: #EEF1F3;*/
    background-color: #FF8E8E;
    width: 624px;
	padding: 12px 0px 12px 6px;
	border: solid 1px #DEE2E6;
	/*margin: 5px 25px 12px 25px;*/
}
.bigwarn_p
{
	/*background-color: #EEF1F3;*/
    background-color: #FF8E8E;
    width: 624px;
	padding: 12px 0px 12px 6px;
	border: solid 1px #DEE2E6;
	/*margin: 5px 25px 12px 25px;*/
}
.bigwarn_o div {
    float: left;
}
.bigwarn_i {
	width: 100%; display: inline; float: left; padding: 3px;
}
.bigwarn_cont {}
.bigwarn_icon {
	padding-right: 15px;
}
.bigwarn_message
{
    width: 90%;
    font-weight: bold;    
}
.bigwarn_error_text
{
    color: #C90000;
    font-weight: bold;
}
.normwarn_o {
	width: 98%; padding: 1px; margin-top: 0px; margin-bottom: 12px; border: solid 2px #e0e0e0; background-color: #fafafa;
}
.normwarn_i {
	width: 100%; display: inline; float: left; padding: 3px;
}
.normwarn_cont {
	font-family: Arial, helvetica, Sans-Serif; font-style: italic; color: #222222;
} 
.normwarn_icon {
	display: inline; float: left; padding-right: 4px;
}

/* Links */
.arrowPrefix 
{
    padding-left: 15px;
    background-image: url(/images/navigation/icon_arrow_circle.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-left: 20px;
}
.arrowPostfix 
{

    /*Home Page box links*/

    padding-right: 15px;
    background-image: url(/images/navigation/icon_arrow_circle.gif);
    background-repeat: no-repeat;
    background-position: right 2px;
    margin-right: 5px;
}
.arrowPrevious
{
    padding-left: 15px;
    background-image: url(/images/navigation/icon_arrow_left.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-left: 20px;
}
.arrowNext
{
    padding-right: 15px;
    background-image: url(/images/navigation/icon_arrow.gif);
    background-repeat: no-repeat;
    background-position: right 2px;
    margin-right: 5px;
}

.errorMessage 
{}

.phaseContainer 
{
    background-color: #E8F4EE;
}
.phaseHelpContainer 
{
    background-color: #F8F8F8;
}

/* Used for the View Credit overlib overlay */
.phaseColumn1 {
    float: left;
}
.phaseColumn2 {
    float: left;
}
.phaseHeader {
    font-weight: bold;
    color: #303A52;
}
.phaseCredit {
    padding-left: 3px;
    width: 300px;
     word-wrap: normal;
    /*TEXT-TRANSFORM: uppercase;*/
}
.phaseCreditHeader {
    text-align: center;
    font-weight: bold;
    border-bottom: solid 1px black;
}
.phaseCheckmark {
    text-align: center;
}

.phaseCurrent
{
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 1px;
    width: 12px; 
    height: 12px; 
}

.phaseFuture
{
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 1px;
    width: 12px; 
    height: 12px; 
}

.item-container
{
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4px;
	float: left;
	display: block;
}


a.item-current:link, a.item-current:visited, a.item-current:hover, a.item-current:active  
{
	display: block;
    background: url(/images/buttons/itemCurrent.png) #f58400 repeat-x 50% 50%;
    border-top: #ffc73d 1px solid;
    border-bottom: #f58400 1px solid;
    border-left: #ffaf0f 1px solid;
    border-right: #ffaf0f 1px solid;
	color: #222222;
	font-weight: bold;
	min-width:15px;
    text-decoration: none;
    padding: 2px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
}
   

  
.item-completedHeader 
{
	display: block;
    background: url(/images/buttons/itemCompleted_Active.png) #ffffff repeat-x 50% 50%;
	color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4px;
}
   
a.item-completed:link, a.item-completed:visited
{
    
    
	display: block;
    background: url(/images/buttons/itemCompleted_Active.png) #8bd83b repeat-x 50% 50%;
    border-top: #4ca20b 1px solid;
    border-bottom: #3f7506 1px solid;
    border-left: #8bd83b 1px solid;
    border-right: #8bd83b 1px solid;
    min-width:15px;
	color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
}


.item-unappliedHeader 
{
	display: block;
    background: url(/images/buttons/itemUnapplied_Active.png) #0073ea repeat-x 50% 50%;
    text-decoration: none;
    font-weight: bold;
    border-top: #59b4d4 1px solid;
    border-bottom: #0073ea 1px solid;
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    color: #FFFFFF;
	font-weight: bold;
    min-width:15px;
    padding: 2px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
}

a.item-unapplied:link, a.item-unapplied:visited
{
	display: block;
    background: url(/images/buttons/itemUnapplied_Active.png) #0073ea repeat-x 50% 50%;
    text-decoration: none;
    font-weight: bold;
    border-top: #59b4d4 1px solid;
    border-bottom: #0073ea 1px solid;
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    color: #FFFFFF;
	font-weight: bold;
    min-width:15px;
    padding: 2px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
}
   
a.item-unapplied:hover, a.item-unapplied:active, a.item-completed:hover, a.item-completed:active  
{
    
    background: url(/images/buttons/itemHover.png) #ffffff repeat-x 50% 50%;
    color: #212121;
    font-weight: bold;
    border-top: #aaaaaa 1px solid;
    border-bottom: #666666 1px solid;
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    text-decoration: none;
}


    
/* Old Search Results Styles */
A.search_resulttitle:link {
	color: #000066;
	text-decoration: none;
	font-style: italic;
	font-size: 1.083em;
	font-weight: 700;
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
A.search_resulttitle:visited {
	color: #000066;
	text-decoration: none;
	font-style: italic;
	font-size: 1.083em;
	font-weight: 700;
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
A.search_resulttitle:active {
	color: #BD7125;
	text-decoration: underline;
	font-style: italic;
	font-size: 1.083em;
	font-weight: 700;
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
A.search_resulttitle:hover {
	color: #BD7125;
	text-decoration: underline;
	font-style: italic;
	font-size: 1.083em;
	font-weight: 700;
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}

.search_resultdesc {
	font-size:.917em;
}


/* Login Box Widget that works with in more browsers than old IE */
#uw
{
    width: 240px;
    float: right;
    position: relative;
    z-index: 5;
    top: 5px;
}

#oc
{
    font-size:.75em;
    color:rgb(209,180,60);
    font-weight:bold;
}

#usrw
{
    width: 240px;
    height: 45px;
    background: url("/include/lookandfeel/images/usrw/uwbg.png") no-repeat left top;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    cursor: pointer;
}

#usrw div.name
{
    font-weight: 700;
    margin: 0 2px 0 38px;
    height: 43px;
}

#usrw .namei
{    
    padding: 6px 0 0 2px;
    height: 37px;
}

#usrw div.i
{
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 4px;
    height: 43px;
    width: 26px;
    padding: 8px 0px 0px 1px;
}

#usrw div.alertIcon
{
    position: absolute;
    z-index: 30;    
    top: 24px;
    left: 140px;
    height: 16px;
    width: 16px;
    color: Red;
}

#usrw div.msg
{
    font-size: 10pt;
    color: #CCCCCC;
    font-weight: 500;
}

#usrw div.msg .userType 
{
    float: left;
    font-size: .917em;
}

#usrw div.msg .logoutLink 
{
    float: right;
    margin: 3px 32px 0px 0px;
    color:#CCCCCC; 
    font-size:.833em;
    
}

#usrw div.msg span
{
    padding: 0 3px 0 0;
    
}

#usrw div.login
{
    font-size: 1.083em;
    color: #FFFFFF;
    display: inline;
    font-weight: 600;
}

#usrwopen
{
    width: 240px;
    position: absolute;
}

#usrwopen div.i
{
    background: url("/include/lookandfeel/images/usrw/openbg.png") repeat left top;
    width: 240px;
}

#usrwopen div.b
{    
    height: 11px;
    width: 240px;
}

#usrwopen div.i2
{
    background: #EEF1F3 url("/include/lookandfeel/images/usrw/opengrd.png") repeat-x left top;
    width: 234px;
    min-height: 140px;
    margin: 0 2px 0 2px;
    border-left: solid 1px #C5C6C8;
    border-right: solid 1px #C5C6C8;
    border-bottom: solid 1px #C5C6C8;
}

#usrwopen div.i2 div.cont
{
    width: 220px;
    padding: 2px 6px 8px 6px;
}

#usrwopen h2
{
    font-size: 1em;
    font-weight: 600;
    color: #033478;
    text-transform: uppercase;
}
#usrwopen div.hdr2
{
    font-size: 1em;
    font-weight: 600;
    color: #033478;
    text-transform: uppercase;
    margin-bottom: 3px;
}
#usrwopen div.hdr2Orange
{
    font-size: 1em;
    font-weight: 600;
    color: #f58400;
    /*text-transform: uppercase;*/
    margin-bottom: 3px;
}
#usrwopen div.hdr2Raspberry
{
    font-size: 1em;
    font-weight: 600;
    color: #98012E;
    /*text-transform: uppercase;*/
    margin-bottom: 3px;
}

#usrwopen div.hdr3
{
    font-size: 1em;
    font-weight: 700;
    color: #000000;
    border-bottom: solid 1px #666666;
}

.usrwopensubtitle
{
    font-size: 1em;
    font-weight: 700;
    color: #000000;
    border-bottom: solid 1px #666666;
}

#usrwopen div.hdr3 div.l
{
    display: inline;
}

#usrwopen div.hdr3 div.l a
{
    font-size: .917em;
    font-weight: 500;
    margin-left: 5px;
}

.usrwopen
{
    text-transform: none;
    color: #033478;
    font-weight: 500;
    text-align: right;
    font-size: 1.083em;
    padding-right: 2px;
}

.usrwopenSmallText {
    font-size: .75em;
    color: #808080;
    text-align: right;
    padding-right: 5px;
    }

#usrwopen td
{
}

#usrwopen input
{
    margin: 0;
    padding: 0;
    font-size: 1.083em;    
}

#usrwopen .goButton
{
    padding-left: 4px; 
    display: inline;
}

#usrwopen div.links
{
    text-align: right;
}

#usrwopen div.imp
{
    font-size: .833em;
    font-weight: 700;
}

#usrwopen div.sub
{
    font-size: .833em;
}

#usrwopen div.sec
{
    margin: 4px 0 8px 8px;
}

#usrwopen .row {
    padding: 3px 3px 5px 5px;
    width: 195px;
}

#usrwopen .eventDate
{
    color: #000000;
    font-weight: bold;
}

#usrwopen .eventRow {
    padding: 0px 3px 6px 15px;
    width: 185px;
}

#usrwopen .widgetText
{
    color: #C90000;
}

#usrwopen .iconDiv
{
    float: left;
    width: 13px;
    padding-top: 6px;
}

#usrwopen .linkDiv
{
    float: left;
    width: 180px;    
}

/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:932px;
    cursor: pointer;
}
    
    
/* Expandable Text Section */
.ExpandableText {
    width: 680px;
}
.ExpandableTextTitle {
    padding: 0px 0px 5px 5px;
}
.ExpandableTextTitle a, .ExpandableTextTitle a:visited, .ExpandableTextTitle a:link {
    color: #ffffff;
    font-weight: bold;
}
.ExpandableTextTitle a:hover {
    text-decoration: none;
}
.ExpandableTextContent {
    width: 648px;
    border: solid 1px #C5C6C8;
    border-top: none;
    padding: 2px 15px 2px 15px;
    margin-bottom: 20px;
}
.ExpandableTextContentLink {
    cursor: pointer;
    font-weight: bold;
    padding-left: 10px;
    float: right;
}
.TitleCaps
{
    font-variant:small-caps;
    font-family: Georgia;
    color: #303A52;
    font-size: 1.33em;
    font-weight: bold;
}
.TitleCaps14
{
    font-variant:small-caps;
    font-family: Georgia;
    color: #303A52;
    font-size:1.167em;
    font-weight: bold;
}
.TitleCaps12
{
    font-variant:small-caps;
    font-family: Georgia;
    color: #303A52;
    font-size: 1em;
    font-weight: bold;
}
.Caps
{
    font-variant:small-caps;
}
.GreenMessageTest
{
    color: darkgreen;
}
.RSS
{
    font-size: 1.333em;
    color: #808080;
    padding-bottom: 4px;
    padding-top: 6px;
    width: 70px;
    display: inline-table;
}
.RSS a:link{ color: #808080;text-decoration: none;}
.RSS a:visited{color:#808080}
.RSS a:hover{color:#808080;text-decoration: underline;}
.RSS a:active{color:#808080}
.inline-table {
    display: inline-table;    
}
.inline {
    display: inline;
}
.width100 {
    width: 100px;
}
.width150 {
    width: 150px;
}
.BoxHeaderCell
        {
            display: inline-table;
            color: #ffffff;
            font-weight: bold;
            width: 145px;
            padding-top: 3px;
            padding-bottom: 3px;
        }
        .BoxHeaderCellRight
        {
            display: inline-table;
            color: #ffffff;
            font-weight: bold;
            width: 30px;
            height: 18px;
            padding-left: 5px;
            border-left: thin solid gray;
            padding-top: 5px;
            padding-bottom: 3px;
        }
        .BoxHeaderRow
        {
            padding-left: 5px;
            background-color: #303A52;
        }
        .BoxFrame
        {
            border-left: thin solid gray;
            border-right: thin solid gray;
            width: 190px;
            display: inline-table;
        }
        .BoxRow
        {
            padding-left: 5px;
            border-bottom: thin solid gray;
        }
        .BoxCell
        {
            display: inline-table;
            width: 145px;
            padding-bottom: 3px;
        }
        .BoxCellRight
        {
            display: inline-table;
            height: 20px;
            border-left: thin solid gray;
            padding-left: 10px;
            padding-top: 5px;
            padding-bottom: 2px;
        }
        .RightContainer
        {
            display: inline-table;
            padding-left: 200px;
        }
        .LeftContainer
        {
            display: inline-table;
        }
        .list
        {
            list-style: none;
        }
