/*forms*/

.next
{
    float:right;
    margin:0pt 7px;   
}

.back
{
    float:left;
    margin:0pt 7px;   
}

#p-content { float: left; }

table caption { display: none; }

/*s-content*/

#s-content
{
    width: 264px;
    float: left;
}

#s-content ol, #s-content ul { list-style-type: none; }

h3.white { color: #ffffff; }

/*Signin*/

#signin-top { clear: left;height: 7px; width: 264px; background: url(/img/grey-pod_top_bg.gif) 0 0 no-repeat; }
.signin
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/grey-pod_bg.gif) 0 100% no-repeat;
    min-height: 100px;
    position: relative;
    clear: left;
}

.signin #chkRemember { padding: 0; margin: 0 5px 0 0; }
.signin h3, .welcome h3 { margin: 0 0 6px 0; }
.signin ol { width: 245px; }
.signin ol li { margin: 0 0 5px 0; }
.signin label { font-size: 0.75em; display: block; float: left; }
.signin input.swapbutton { float: right; margin: 4px 1px 0 0; }
.signin img.swapbutton
.signin p, .welcome p { font-size: 0.75em; color: #5C5C5C; position: absolute; bottom: 35px; left: 10px;  }

.welcome #signout { margin: 0 0 0 0; float: none; padding: 0; position: absolute; bottom: 7px; right: 10px; }
.welcome #mycontent { margin: 0 0 0 0; float: none; padding: 0; position: absolute; bottom: 7px; left: 10px; }
.welcome #editprofile { margin: 0 0 0 0; float: none; padding: 0; position: absolute; bottom: 35px; right: 10px; }

.options { float: right; margin: 7px 11px 0 0; }
.options a, .options span { font-size: 0.75em; color: #5C5C5C; }
.options span { margin:0 8px; }

label.turquoise {color: #057298; margin: 4px 0 0 0; width: 64px; }
#txtEmail, #txtPassword { font-size: 0.75em; padding: 3px; height: 15px; width: 173px; border: 1px solid #E3E9EF; border-top-color: #ABADB3; vertical-align: middle; }

/*welcome*/

#welcome-top { clear: left; height: 7px; width: 264px; background: url(/img/welcome-pod_top_bg.gif) 0 0 no-repeat; }
.welcome
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/welcome-pod_bg.gif) 0 100% no-repeat;
    min-height: 70px;
    position: relative;
    clear: left;
}

/*this-section*/

#this-section { margin: 10px 0; padding: 2px 9px 9px 9px; clear: left; width: 246px; }
#this-section h3 { margin: 0; }
#this-section ol {  }
#this-section li { padding: 0 0 0 15px; line-height: 1.2em; background: url(/img/bullet.gif) no-repeat 0 0.52em; }
#this-section li a { font-size: 0.75em; color: #5c5c5c }

/*inviteuser*/

/*#invite-user-top { background: url(/img/invite_top_bg.gif) 0 0 no-repeat; height: 6px; width: 264px; float:left; margin: 15px 0 0 0; }
#invite-user { background: url(/img/invite_bg.gif) 0 100% no-repeat; min-height: 20px; width: 264px; float:left; padding: 0 9px 6px 9px; margin: 0 0 12px 0;}
#invite-user a
{
    color: #494949;
    padding: 0 43px 0 0;
    text-decoration: none;
    font-size: 0.75em;
    font-weight: bolder;
    background: url(/img/arrow.gif) 100% 50% no-repeat;
}

#invite-user a:hover { background: url(/img/arrow_on.gif) 100% 50% no-repeat; }*/

.invite-user { margin-top: 15px; }

/*articles-section*/

#articles-section-top { float:left; height: 7px; width: 264px; background: url(/img/grey-pod_top_bg.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
#articles-section 
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/grey-pod_bg.gif) 0 100% no-repeat;
    min-height: 100px;
    position: relative;
    float:left; 
}

#articles-section h3 { margin: 0 0 3px 0; }
#articles-section ol { margin: 0; padding: 0; float:left; }
#articles-section li { clear: left; padding: 0; line-height: 1.2em; display: block; }
#articles-section li img { vertical-align: middle; float:left; margin: 3px 4px 0 0; }
#articles-section li li { padding: 0 0 0 18px; line-height: 1.2em; }
#articles-section li a { font-size: 0.75em; color: #5c5c5c; display: block; width: 200px; float:left; }

/*Key*/

#s-content #key
{
    background: url(/img/key_bg.gif) 0 100% no-repeat;
    width: 229px;
    padding: 5px 9px 3px 9px;
    margin: 0 7px 0 10px;
    clear:left;
}

#s-content #key li span { display: block; width: 200px; margin: 0 0 0 18px; }
#s-content #key li { line-height: 1.2em; display: block; padding: 3px 0; }
#s-content #key li img { vertical-align: middle; float:left; margin: 0 4px 0 0; }
#s-content #key p, #key li { font-size: 0.75em; color: #5c5c5c; width: 220px; }

/*subscribe*/

#subscribe-top { clear: left; height: 6px; width: 264px; background: url(/img/yellow-pod_top_bg.gif) 0 0 no-repeat; margin: 15px 0 0 0; float:left; }
.subscribe 
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/yellow-pod_bg.gif) 0 100% no-repeat;
    min-height: 100px;
    position: relative;
    float: left;
}

.subscribe form { width: 240px; }
.subscribe h3 { margin: 0 0 4px 0; }
.subscribe ol { float:left; }
.subscribe li { line-height: 1.2em; display: block; padding: 1px 0;  }

#rad_subscribe0, #rad_subscribe1 { margin: 2px 5px 0 0; padding: 0; float: left; }

.subscribe .swapbutton { margin: 8px 0 0 172px; }

.subscribe label { font-size: 0.75em; display: block; }

/*subscriptions*/

#subscriptions-top { clear: left; height: 6px; width: 264px; background: url(/img/yellow-pod_top_bg.gif) 0 0 no-repeat; margin: 15px 0 0 0; float: left; }
#subscriptions
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/yellow-pod_bg.gif) 0 100% no-repeat;
    min-height: 100px;
    position: relative;
    float: left;
}

#subscriptions h3 { margin: 0; }
#subscriptions li { line-height: 1.2em; display: block; padding: 3px 0; }
#subscriptions li img { margin: 1px 3px 0 0; vertical-align: middle }
#subscriptions li a { font-size: 0.75em; color: #5c5c5c; text-decoration: none; }
#subscriptions li a:hover { text-decoration: underline; }

/*distance*/

#distance-top { clear: left; height: 6px; width: 264px; background: url(/img/yellow-pod_top_bg.gif) 0 0 no-repeat; margin: 15px 0 0 0; float:left; }
.distance 
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/yellow-pod_bg.gif) 0 100% no-repeat;
    min-height: 30px;
    position: relative;
    float: left;
    margin: 0 0 10px 0;
}

.distance form { width: 243px; }
.distance h3 { margin: 0 0 4px 0; }
.distance ol { float:left; }
.distance label { font-size: 0.75em; font-weight: bolder; margin: 2px 1px; display: block; }
.distance li { line-height: 1.2em; padding: 1px 0; clear: left; float: left; width: 235px }
.distance select { font-size: 0.7em; width: 235px; margin: 0; }
.distance #persondistance { width: 155px; float: left; }
.distance .swapbutton { float: right; margin: 5px 0 0 0; padding: 0; vertical-align: middle;}


/* RSS */

#subscriptions-rss-top { clear: left; background: url(/img/rss_top_bg.gif) 0 0 no-repeat; height: 6px; width: 264px; float:left; margin: 15px 0 0 0; }
#subscriptions-rss { background: url(/img/rss_bg.gif) 0 100% no-repeat; min-height: 20px; width: 246px; float:left; padding: 0 9px 6px 9px; margin: 0 0 0 0;}
#subscriptions-rss img { vertical-align: middle; float: left; margin: 2px 5px 0 0; }
#subscriptions-rss a
{	
	margin-top: 1px;
    color: #047197;
    padding: 0 30px 0 0;
    display: block;
    text-decoration: none;
    font-size: 0.81em;
    font-weight: bolder;
    background: url(/img/arrow.gif) 100% 50% no-repeat;
}

#subscriptions-rss a:hover
{
    color: #035D7D;
    background: url(/img/arrow_on.gif) 100% 50% no-repeat;
}

/*document-downloads*/

#document-downloads-top { clear: left; height: 7px; width: 264px; background: url(/img/grey-pod_top_bg.gif) 0 0 no-repeat; margin: 15px 0 0 0; float: left }
#document-downloads
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/grey-pod_bg.gif) 0 100% no-repeat;
    min-height: 100px;
    position: relative;
    float:left; 
}

#document-downloads h3 { margin: 0 0 3px 0; }
#document-downloads ol { margin: 0; padding: 0; float:left; }
#document-downloads li { clear: left; padding: 1px 0; line-height: 1.2em; display: block; }
#document-downloads li img { vertical-align: middle; float:left; margin: 3px 4px 0 0; }
#document-downloads li a { font-size: 0.75em; color: #5c5c5c }

/*group-panel*/

#group-panel-top { height: 7px; width: 264px; background: url(/img/group-panel_top_bg.gif) 0 0 no-repeat; margin: 0 0 0 0; }
#group-panel
{
    width: 246px;
    padding: 2px 9px 9px 9px;
    background: url(/img/group-panel_bg.gif) 0 100% no-repeat;
    min-height: 60px;
    position: relative;
    float:left;
    margin: 0 0 15px 0;
}

.group-sub-menu { margin: 0 !important }
#group-panel h3 { margin: 0 0 4px 0; }
#group-panel p { color: #ffffff; font-size: .75em; font-weight: bolder; }

#group-panel a { color: #ffffff; font-size: .75em; margin: 7px 0 0 0; }

#group-panel a#changegroup { color: #ffffff; font-size: .75em; margin: 7px 0 0 0; padding: 0 0 0 15px; background: url(/img/change-group.gif) 0 50% no-repeat; float: left;}

#group-sub-menu
{
    background: url(/img/group-sub-menu_bg.gif) 0 100% no-repeat;
    width: 247px;
    min-height: 30px;
    padding: 0px 9px 3px 9px;
    margin: 0 7px 15px 10px;
    clear:left;
}
#group-sub-menu ul { width: 225px; }
#group-sub-menu li { clear: left; padding: 3px 0; line-height: 1.2em; display: block; }

#group-sub-menu li a
{
    font-size: 0.81em;
    color: #494949;
    text-decoration: none;
    display: block;
    font-weight: bolder;
    background: url(/img/green_arrow.gif) 100% 0.5em no-repeat;
}

#group-sub-menu li a:hover { background: url(/img/green_arrow_on.gif) 100% 0.5em no-repeat; }

#changegroup { position: absolute; top: 0px; right: 7px; }
span.role { color: #ffffff; font-size: 0.75em; margin: 0 0 0 4px; }
img.role { vertical-align: middle; }
p.current-group { margin: 0 0 5px 0; }

/*self-assess-options*/

#self-assess-options { margin: 12px 0 0 0; padding: 15px 0 0 6px; border-top: solid 1px #D8CCDE; }
#self-assess-options a { float:left; margin: 0 19px 0 0; }
#self-assess-options a.last { margin: 0; }

/*self-assess*/

.self-assess, .self-assess-help, .self-assess-test, .overall-score, .mydiscussions
{
    width: 654px;
    border-top: solid 1px #CAE1E9;
    border-left: solid 1px #CAE1E9;
}

.self-assess th, .self-assess-help th, .self-assess-test th, .overall-score th, .mydiscussions th
{
    background-color: #F1F8FF;
    color: #616161;
    border-right: solid 1px #CAE1E9;
    border-bottom: solid 1px #CAE1E9;
    font-weight: bolder;
    font-size: 0.88em;
    padding: 5px 8px;
    text-align: left;
}

.self-assess td, .self-assess-help td, .self-assess-test td, .overall-score td, .mydiscussions td { padding: 6px 8px; border-bottom: solid 1px #CAE1E9; border-right: solid 1px #CAE1E9; font-size: 0.75em; color: #5C5C5C; }
.self-assess tr.alt, .self-assess-help tr.alt, .self-assess-test tr.alt, .overall-score tr.alt, .mydiscussions tr.alt { background-color: #FFFBEA;  }
.self-assess td.setwidth { width: 130px; }

/*.self-assess-test*/

.self-assess-test th
{
    font-size: 0.75em;
    padding: 3px 8px;
}

.self-assess-test td.setwidth, .self-assess-test th.setwidth { width: 45px; text-align: center; }
.self-assess-test td.question-number { background-color: #F1F8FF; }

/*self-assess-help*/

.self-assess-help li { list-style-type: none; }
.self-assess-help img { float:left; margin: 0 4px 0 0; }

.self-assess-help li a { color: #5c5c5c; display: block; float:left; width: 175px; }
.self-assess-help td.setwidth { width: 200px; }

/*overall-score*/

.overall-score td.setwidth { width: 370px; }
.overall-score { margin: 0 0 20px 0; }

/*graph-container*/

.graph-container { width: 637px; padding: 0 7px; position: relative; height: 370px; margin: 0px 0 15px 0; float:left; display: inline; }
.graph-container .key { position: absolute; left: 7px; top: 45%; }
.graph-container .key1 { position: absolute; left: 46%; bottom: 0; }

.graph-container ul { float:left; display: inline; position: absolute; left: 50px; bottom: 30px; height: 300px; width: 593px; border-bottom: 1px solid #CAE1E9; border-left: 1px solid #CAE1E9; }
.graph-container li
{
    list-style-type: none; 
    float:left; 
    bottom: 0;
    height: 300px; 
    width: 53px;
    display: block;
}
.graph-container li img { float:left; }
.graph-container li span { font-size: 10px; text-align: center; width: 54px; position: absolute; bottom: -16px; left: 0; }
.graph-container .result-bar { bottom: 0; position: absolute; background: #774694; width: 53px; }

.graph-container .percent100 { position: absolute; left: 10px; top: 35px; font-size: 0.75em; }

.graph-container .percent0 { position: absolute; left: 20px; bottom: 28px; font-size: 0.75em;}


/*search-results*/

h2 span, .article-info span { color: #057197 }
.article-info span { font-weight: bolder; }

#search-results 
{
    border-top: solid 1px #CAE1E9; 
    border-left: solid 1px #CAE1E9; 
    list-style-type: none; 
    font-size: 0.75em; 
    float:left; width: 650px;
    background: url(/img/search_bg.gif) 1px 0 repeat-y;
}

#search-results li .result_number { margin: 0 2px 0 0; background-color: #F1F8FF; width: 19px; float: left; height: 100%; font-weight: bolder; color: #616362; padding: 8px 0 0 6px; }
#search-results li { border-bottom: solid 1px #CAE1E9; border-right: solid 1px #CAE1E9; clear: left; float:left; width: 649px; }
#search-results li a { font-weight: bolder; color: #057197 }

#search-results li .search_results { float: left; width: 618px; padding: 8px 0 8px 4px; }

#search-results li .alt { background-color: #FEFBEA; }

/*pagingcontrol*/

.grouppagingcontrol 
{
    border-top: solid 1px #CAE1E9;
    margin: 0 auto 10px auto;
	font-size: 0.75em;
	text-align: center;	
	float:left;	
	width: 661px;
	text-align: center;
	padding: 7px 0 0 0;
}

.pagingcontrol
{
	margin: 10px auto;
	font-size: 0.75em;
	text-align: center;	
	float:left;	
	width: 650px;
	text-align: center;
}

.pagingcontrol img, .grouppagingcontrol img { margin: 0 2px; }

/*contents*/

#contents
{
    margin: 0 0 0 8px;
    padding: 0;  
}

#contents a { text-decoration: none; }
#contents a:hover { text-decoration: underline; }

#contents ul
{
    margin: 0 0 0 20px;
    padding: 0;  
}

#contents li
{
    font-weight: bolder;
    list-style-type: none;
}

#contents li li
{
    font-weight: normal;
}

#contents li li li
{
    font-style: italic;
}

.move-articles li { padding: 3px 0; }
.move-articles li input { margin: 0 6px 2px 0; vertical-align: middle;}

/*article-steps*/

#article-steps { border-top: solid 1px #CAE1E9; float: left; margin: 7px 0 3px 0; width: 654px; }
#previous-article, #next-article { width: 250px; font-size: 0.73em; margin: 7px 0; color: #045A77 }
#previous-article { padding: 0 0 0 25px; text-align: left; background: url(/img/leftarrow.gif) 0 50% no-repeat; }
#next-article { padding: 0 25px 0 0; text-align: right; background: url(/img/arrow.gif) 100% 50% no-repeat; }
#next-article:hover { background: url(/img/arrow_on.gif) 100% 50% no-repeat; }
#previous-article:hover { background: url(/img/leftarrow_on.gif) 0 50% no-repeat; }
/*Misc*/

.markerRemoveGroup a, .markerRemoveFac a, .markerAddFac a { color: #31659B; }

.standardbutton
{
    margin: 10px 0 10px 8px;
}

#parentArticle { font-size: 0.75em; width: 500px; margin-left: 8px; }

.commentform .formFieldTextArea { font-size: 0.75em; padding: 3px; float: left; width: 630px; border: 1px solid #DBDFE6; border-top-color: #ABADB3; vertical-align: middle; font-family: Arial, Sans-Serif; }

.swapbutton { cursor: hand; }

.csiplogo { margin: 0 0 5px 0; }