.pdoc {
    margin: auto;
    text-align: left;
    width: 74.923em;
    *width: 73.05em;
    min-width: 750px;
    width:974px;
}

body {
	color: #333;
	background: url(../../images/desktop/_bg/bg_body.jpg) #D2E3F5 repeat-x top !important;
	font-family: verdana,arial,helvetica,clean,sans-serif;
}

h1, h2, h3, legend, #formHelp strong {
color: #000000;
}

a { color: #004b91; }
a:link { color: #004b91; }
h1 { font-size: 167%; margin-bottom:10px; }
h2 { font-size: 123.1%; }
h3 { font-size: 108%; }
h4 { font-size: 93%; font-weight: bold; }

strong, optgroup {
font-weight: bold;   
}

p { word-wrap: break-word; }
em { font-style: italic; }



.treeview li
{
    list-style: none !important;
}

.treeview li,
.treeview ul {
    margin: 0 !important;
}

#doc3 { margin:auto; } 
#hd, #bd, #ft { padding: 0 5px; }

/**** Header ****/
#hd {
color: #fff;
height: 85px; 
background: url(../../images/desktop/_bg/bg_head.gif) #333 repeat-x top; 
border-bottom: 5px solid #fff;
overflow: hidden;
}

#head { padding: 0 5px; }

#mainMenu {
margin-left: 20px;
margin-top:5px;
}

#mainMenu li {
display: inline;
float: left;
width: 100px;
text-align: center;
line-height: 60px;
}

#mainMenu a {
color: #ccc;
background: url(../../images/desktop/_bg/bg_head_nav.gif) bottom center no-repeat;
text-decoration: none;
width: 100px;
font-size: 93%;
display: block;
}

#mainMenu a:hover, #mainMenu a.current {
color: #fff;
background: url(../../images/desktop/_bg/bg_head_nav_hover.gif) bottom center no-repeat;
}


#userMenu {
margin-left: 20px;
margin-top:5px;
}

#userMenu li {
display: inline;
float: left;
width: 80px;
text-align: center;

}

#userMenu a {
color: #ccc;
text-decoration: none;
width: 100px;
font-size: 93%;
display: block;
}

#userMenu a:hover, #mainMenu a.current {
color: #fff;
}

/**** Profile ****/

#userArea {
height: 70px !important;
border-left: 1px solid #666;
margin: 5px 0;
overflow: hidden;     
}

#userAvatar {
border: 1px solid #333;
background-color: #fff;
height: 50px !important;
*height: 48px;
width: 50px !important;
*width: 48px;
margin: 0 5px;
*margin: 0 0 0 2px;
overflow: hidden;
}

.largeAvatar {
border: 1px solid #333;
background-color: #fff;	
margin: 0;
height: 75px;
width: 75px;
overflow: hidden;	
}

.smallAvatar {
border: 1px solid #333;
background-color: #fff;	
height: 50px;	
width: 50px;
margin: 0;
padding: 0;
overflow: hidden;
}

.smallAvatar { margin-right: 10px; }

#userProfile { padding-left:4px; }

#userProfile p, #userProfile strong {
	color: #ccc;
	font-size: 77%;
}

#userProfile strong {
color: #fff;   
}

/**** Profile Forms ****/

#userArea{
width: 318px !important;
color: #fff;   
}

#userArea fieldset {
border: none;
padding: 0;
height: 50px;
margin: 5px 0;
}

#userArea .field-label, #userArea .field-widget {
}

#userArea strong {
margin-right: 1em;
padding: 0;
font-size: 85%;
word-wrap: break-word;
}

#userArea p {
margin: 0;
word-wrap: break-word;
line-height: 0.9em;
padding: 0;
}

#userArea input[type=text] {
width: 14em;
}

#userArea input[type=password] {
width: 8em;
}

#userArea .form-row {
padding: 0;
}

/**** body ****/

#bd {
background-color: #fff;
}

#bd p {
margin: 0 0 1em 0;    
}

/**** START OF FAIL *****/s

#bd ul {
margin: 1em; 
list-style-position: inside;
list-style: disc;
}
 
#bd li {
margin-left: 1em;
}

#userMsg ul {
margin: 1em; 
list-style-position: inside;
list-style: disc;
}
 
#userMsg li {
margin-left: 1em;
}

/**** END OF FAIL ****/

#bd form {
padding-bottom: 2em;    
}


/**** Pagination ****/

.listMenu {
margin: 1em 0 !important;
padding: 0 !important;   
}

.listMenu ul {
margin:  0 !important;
padding: 0 !important;
}

.listMenu li {
display: inline;
padding: 0 !important;
margin: 0 0 0 0 !important;
list-style: none;
color: #ffffff;    
}

.breadcrumbs li a {
	background: url(../../images/desktop/_icons/icon_breadcrumbs_arrow.png) no-repeat right;
	padding-right: 15px !important;
}

/**** User Message Box ****/

#userMsg {
	background-color: #ffffcc;
	border: 1px solid #ffcc33;
	margin-bottom: 5px;    
}

#userMsg li {
	list-style: none;
	padding-left: 2em;
	background-position: 0 50%;
	line-height: 1.5em;
}

#userMsg li.success { background: url(../../images/desktop/_icons/icon_tick.png) no-repeat left center; }
#userMsg li.error { color: red; background: url(../../images/desktop/_icons/icon_cross.png) no-repeat left center; }
#userMsg li.info { color: #333; background: url(../../images/desktop/_icons/icon_info.png) no-repeat left center; }

/**** Footer ****/

#ft { background: url(../../images/desktop/_bg/bg_foot.gif) repeat-x top; }

/**** Sticky Footer ****/

html, body, #wrap {height: 100%; background-color: #c8ddf2; }

body > #wrap {height: auto; min-height: 100%;}

#wrap {
background: url(../../images/desktop/_bg/bg_wrap.jpg) repeat-y center top;
}
#bd {padding-bottom: 160px;}  /* must be same height as the footer */

#ft {position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 160px;
	clear:both;
}
    
.clearfix:after {
content: ".";
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 */

   
/**** Footer Lists ****/
#ft ul {
display: inline;
float: left;
width: 17%;
margin-top: 10px;
margin-left: 2%;
margin-right: 6%;
_margin-right: 1%;
font-size: 93%;
margin-bottom: 4px !important;
}

#ft ul li {
line-height: 1.3em;
padding-left: 12px;
vertical-align: middle;
list-style: none;
}

#ft ul li a {
text-decoration: none;
color: #333;    
}

#ft ul li a:hover {
text-decoration: underline;    
}

#ft ul li:first-child {
font-weight: bold;
border-bottom: 1px dotted #bbb;
font-size: 108%;
}

/**** End of Footer Styles ****/


/**** FORM ****/

fieldset {
border: none;
margin-bottom: 1em;
}

legend {
font-size: 108%;
margin: 0;
padding: 0;
}

input, textarea, select {
border: 1px solid #666;
padding: 3px;
width: 20em;
}

input.no-style {
border: none;
width: auto !important;
}

input[type=text], input[type=password] {
border: 1px solid #666;
padding: 3px;
width: 20em;
}

select { width: 20.6em; }

.input-required { color: #FF3300; }

.form-row { clear: both; padding: 0.5em 0; }

.field-label, .field-widget {
float: left;
line-height: 2em;
display: inline;
font-size: 85%;
}

.field-label {
text-align: right;
width: 11em;
padding-right: 1em;
}

.field-widget .smallTxt {
font-size: 77%;
vertical-align: top; 
}

button, a.button {
	background: #fff url(../../images/desktop/_buttons/btn_grey.png) repeat-x top left ;
    border: 0 solid #000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    margin: 0 !important;
    padding: 1px 5px;    
    *padding: 1px 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*-webkit-box-shadow: 1px 1px 3px #555;*/
    border-radius: 3px;
    line-height: 1em;
    display: inline-block;
    width: auto; /* ie6 width fix */
    overflow: visible; /* ie6 width fix */
    /*height: 20px;*/	 
}

button img
{
    vertical-align: bottom;
    margin-left: -3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#hd input[type=text], #hd input[type=password]  { height: 14px; }
#bd input[type=text], #bd input[type=password]  { height: 15px; }
button, a.button { padding: 4px 5px; }
#hd button { vertical-align:text-bottom !important; }
input[type=file]{width:20em}
}

#formHelp p {
font-size: 93%;
}


/**** ****/

#profileBox {
vertical-align: top;    
}


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.boxhead, .boxhead-l, .boxhead-title, .boxhead-titleSite, .boxbody {
margin: 0;
padding: 0;    
}

.mastheadBoxKK {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../../images/desktop/_bg/bg_kkbody-r-large.gif) no-repeat bottom right;
    _margin-bottom: 5px;
}

.mastheadbodyKK {
	background: url(../../images/desktop/_bg/bg_kkbody-l-large.gif) no-repeat bottom left;
	padding: 0px 10px 7px 10px;
	margin-bottom: 5px;
    *margin-bottom: 0;		
}

.mastheadBox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../../images/desktop/_bg/bg_sbbody-r.gif) no-repeat bottom right;
    _margin-bottom: 5px;
}


.mastheadbody {
	background: url(../../images/desktop/_bg/bg_sbbody-l.gif) no-repeat bottom left;
	padding: 0px 10px 7px 10px;
	margin-bottom: 5px;
    *margin-bottom: 0;		
}

.boxhead {
	background: url(../../images/desktop/_bg/bg_sbhead-r.gif) no-repeat top right;
	text-align: center;
}

.boxheadKK {
	background: url(../../images/desktop/_bg/bg_kkhead-r-large.gif) no-repeat top right;
	text-align: center;
}

.boxhead-titleKK {
	background: url(../../images/desktop/_bg/bg_kkhead-l-large.gif) no-repeat top left;	
	padding-top: 6px;
	height:24px;
	padding-left: 10px;
	font-size: 95%;
	text-align:left;
}


.boxheadWithTitle {
	background: url(../../images/desktop/_bg/bg_sbhead-title-r.gif) no-repeat top right;
	text-align: center;
}



.boxhead-l {
	background: url(../../images/desktop/_bg/bg_sbhead-l.gif) no-repeat top left;	
	padding-top: 15px;
}

.boxhead-title {
	background: url(../../images/desktop/_bg/bg_sbhead-l.gif) no-repeat top left;	
	padding-top: 6px;
	padding-left:20px;
	font-size: 108%;
	text-align:left;
}

.boxheadTitle {
	background: url(../../images/desktop/_bg/bg_sbhead-title-l.gif) no-repeat top left;	
	padding-top: 2px;
}

.boxbody {
	background: url(../../images/desktop/_bg/bg_sbbody-l.gif) no-repeat bottom left;
	padding: 0 10px 5px 10px;
	margin-bottom: 1em;
	*margin-bottom: 0;
}

.boxbodyKK {
	background: url(../../images/desktop/_bg/bg_kkbody-l.gif) no-repeat bottom left;
	padding: 0 0px 5px 10px;
	margin-bottom: 1em;
	*margin-bottom: 0;
}


.mastheadBoxSite {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../../images/desktop/_bg/bg_site_sbbody-r.gif) no-repeat bottom right;
    _margin-bottom: 5px;
}


.boxheadSite {
	background: url(../../images/desktop/_bg/bg_site_sbhead-r.gif) no-repeat top right;
	text-align: center;
}

.boxhead-titleSite {
	background: url(../../images/desktop/_bg/bg_site-sbhead-l.gif) no-repeat top left;	
	padding-top: 6px;
	padding-left:20px;
	font-size: 108%;
	text-align:left;
}

.boxbodySite {
	background: url(../../images/desktop/_bg/bg_site_sbbody-l.gif) no-repeat bottom left;
	padding: 0 10px 5px 10px;
	margin-bottom: 1em;
	*margin-bottom: 0;
}




/**** Generic Classes ****/

table tr.odd {
background-color: #eaeaea !important;
}

tr.head {
font-weight: bold;
background-color: #ccc;
border: none;    
}

.no-list-bullets li { list-style: none; margin-left: 0; }

.hide { display: none; }
.fl   { float: left }
.fr   { float: right }
.fc   { margin:0 auto; text-align:center; }

.tl   { text-align: left; }
.tr   { text-align: right; }
.cb   { clear: both; }
.cn   { clear: none !important; }

.bn   { border: none !important;}

.fail { background-color: #e98080; }  
        
    
#logo {
	padding-top:30px;
	width:auto;
	height:auto;
}


.centreImage
{
	display:block;
	margin-left:auto;
	margin-right:auto;
} 


.disclaimer { font-size:80%; }
div.wide { width: 62%; }
div.narrow { width: 36%; }

.fl   { float: left }
.fr   { float: right }
.fc   { margin:0 auto; text-align:center; }

.tl   { text-align: left; }
.tr   { text-align: right; }

.cb   { clear: both; }
.cr	  { clear: right; }
.cl	  { clear: left; }
.cn   { clear: none !important; }

.bn   { border: none !important;}
.br   { border-right: 1px dotted #ccc;}




.mastheadBoxSearch {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../../images/desktop/_bg/bg_search_sbbody-r.gif) no-repeat bottom right;
    _margin-bottom: 5px;
}


.boxheadSearch {
	background: url(../../images/desktop/_bg/bg_search_sbhead-r.gif) no-repeat top right;
	text-align: center;
}


.boxbodySearch {
	background: url(../../images/desktop/_bg/bg_search_sbbody-l.gif) no-repeat bottom left;
	padding: 0 10px 5px 10px;
	margin-bottom: 1em;
	*margin-bottom: 0;
}

.boxheadSearch-l {
	background: url(../../images/desktop/_bg/bg_search_sbhead-l.gif) no-repeat top left;	
	padding-top: 15px;
}



.tportal {
	width: 100%;	
}

.tportal th td tr {
	border: 5px solid !important;	
}

.tportal th {
	height: 24px;
	border: 0;
	margin-bottom:4px;
}


.tportal .lt 
{
	background: url(../../images/desktop/_bg/head-left.gif) no-repeat;
	width: 8px !important;
	padding: 0;
	height: 24px;
}

.tportal .mt
{
	background: url(../../images/desktop/_bg/head-middle.gif) repeat-x;
}

.tportal .rt
{
	background: url(../../images/desktop/_bg/head-right.gif) no-repeat;
	width: 8px;
	height: 24px;
}

.tportal .lf 
{
	background: url(../../images/desktop/_bg/footer-left.gif) no-repeat;
	width: 8px !important;
	height: 24px;
}

.tportal .mf
{
	background: url(../../images/desktop/_bg/footer-middle.gif) repeat-x;
}

.tportal .rf
{
	background: url(../../images/desktop/_bg/footer-right.gif) no-repeat;
	width: 8px;
	height: 24px;
}


.tportal .lb {
	background: url(../../images/desktop/_bg/body-left.gif) repeat-y;
	width: 8px;
	height: 5px;
}

.tportal .rb {
	background: url(../../images/desktop/_bg/body-right.gif) repeat-y;
	width: 8px;
	height: 5px;
}



.standardTableWrapper {	
	padding: 0 8px 0 4px;
}

.standardTableWrapper table {
	border: 1px solid #999999;	
}

.standardTableWrapper td,th {
	padding-left:4px;
	border: 1px solid #999999;
}

.standardTableWrapper td
{
	padding-top:4px;
	padding-bottom:4px;
}

.standardTableWrapper tfoot
{
	height: 75px;
	background: #EEEEEE;
}

.standardTableWrapper thead
{
	height:50px;
	background: #CCCCCC;
}

#breadcrumb { font-size:10px; padding: 5px 0 5px 0; }

#breadcrumb img { border: 0; }

#breadcrumb .rss a { text-decoration: none; }

#breadcrumb ul {
	font-size:85%;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap	
}

#breadcrumb li {
	display: inline;	
	margin-left: 0;
	padding-left: 0;
}

#contentTitle .social { font-size:10px; }

.exercise h3 { display:inline; font-size:110%; }

.exercise .categoryName { font-family: arial; font-weight: bold; }

.article h3 { display:inline; font-size:110%; }

.article .categoryName { font-family: arial; font-weight: bold; }

.pagination li, .pagination a
{
    color: #00F;
    line-height: 23px;
	height: 23px;
}


a.iconGo { background: url(/assets/images/desktop/_icons/icon_go.png) no-repeat right; padding-right: 25px !important; }
.signup { background: url(/assets/images/desktop/_bg/signup.gif) no-repeat right; }
.signupOrRegister { background: url(/assets/images/desktop/_logos/logo-fitstream-large.jpg) no-repeat right;}