/* globals */
body {
	margin-top:0;
	margin-left:0;
	margin-right:0;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	background-color:#FFF;
	background-image: url(/images/MPN-BandingFinal.jpg);
	background-repeat:no-repeat;
    background-attachment: scroll;
    background-position: center 125px;
}

div {
	font-family:verdana,arial,helvetica;
}

img {border:0;}

h1
{
	font-size:18px;
	color:#008e7f;
	font-weight:bold;
}

h1 span
{
	color:#000000;
}

h2
{
	font-size:12px;
	font-weight:bold;
	margin:0;
}

h2 span
{
	color:#008E7F;
}

h3
{
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	color:#008E7F;
}

h4
{
	font-size:10px;
	font-weight:bold;
}

select { font-size:11px; }

a { 
	font-size:12px;
	font-weight:bold;
	color:#666;
	outline:none;  
	text-decoration:none;
}

a:hover { color:#003399; }

a.trainee { font-size:11px; }

a.blue
{
	color:#003399;
	text-decoration:underline;
	font-style:italic;
}

a.blue:hover { color:#FF3300; }

a.red
{
	color:red;
	text-decoration:underline;
	font-style:italic;
}

a.red:hover { color:#f87311; }

.small_link
{
	padding:3px;
	font-size:10px;
	font-style:italic;
	text-decoration:underline
}

input 
{ 
	font-family:Verdana;
	font-size:11px;
}

.trainingHeading3
{
  font-weight: bold;
  color: #636163;
}

textarea 
{
	font-family:Verdana;
	font-size:11px;
}

input.button {
	font-weight:bold;
	background:#EEEEEE;
}

#sliderbar { margin-top:4px;font-size:1px;background-color:#AAA;height:1px; }

.svb {
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	color:#999;
}

.selected {
	font-weight:bold;
	color:#FA964D;
}
/*color:#FF6633;*/

.cell {
	font-family:verdana; 
	font-size:12px; 
	color:#555555; 
	-moz-box-sizing:border-box; 
}

.copy {	
	margin-top:10px;
	padding-right:20px;
	text-align:justify;
	font-family:verdana; 
	font-size:11px; 
	color:#555555; 
}

#login_info .label { float:left;width:136px; }
#login_info .atlabel { width:136px;font-weight:bold;color:#666; }
#login_info .user {margin-bottom:4px; }

.MicrosoftPartnerOrange { color:#f87311; }

tr.header {
	font-weight:bold;
}

.events_list {
	font-size:11px;
	color:#000;
}

/* categories */
div.categories {
	margin-top:10px;
	margin-left:20px;
	width:700px;
}

span.orange
{
	color:#FF4B4B;
	font-weight:bold;
}

span.large
{
	font-size:12px
}

span.bold
{
	font-weight:bold
}

.button {
	font-weight:bold;
	color:#333;
	cursor:pointer;
	background:#E0E0E0;
	border-right:solid #999 1px;
	border-bottom:solid #999 1px;
	border-left:solid #999 1px;
	border-top:solid #999 1px;
}

.closeButton
{
	background-position: right top;
	background-image: url(/images/Close.png);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
}
.info_content_border
{
	background-color:#b4b4b4;
	padding:0px 3px 3px 3px;
}
.info_content
{
	padding:20px 20px 20px 20px;
	text-align:left;
	background:#ffffff; 
	background-position:right bottom;
}

.blue_header
{
	background:#73c06e url(/images/blue_gradient.jpg) repeat-x;
}

.blue_header h2
{
	padding:10px;
}

.blue_header h2.white
{
	color:#ffffff;
}

.infobox ul
{
	list-style-type:none;
	margin:0;
	padding-left: 1em;
	text-indent: -14px;
}

.planstep_summary
{
	margin-right:20px;
}

.planstep_summary_wrapper
{
	overflow: hidden;
	width:100%;
}

.planstep_content
{
	margin-left:30px;
}

.planstep_inner_content
{
	margin:0px 0px 10px 15px;
}

.gray_box_table
{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	border-width:0px;
}

.gray_box_table th
{
	background-color:#e8e8e8;
	border-bottom-width:0px;
	border-top-width:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:12px;
}


.gray_box_table td
{
	border-bottom-width:0px;
	border-top-width:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

.gray_box h2
{
	background-color:#e8e8e8;
	padding:5px;
}

.gray_box_content_border
{
	background-color:#e8e8e8;
	padding:1px;
}

.gray_box_content
{
	padding:5px;
	background-color:#ffffff;
}

.gray_box_content table
{
	background-color:#ffffff;
}

.fixed_width_event_list th
{
	text-align:left
}

#distribution_header
{
	margin:17px 0px 17px 0px;
	color:#ffffff;
}

.flyout_wrapper
{
	background-color:#ffffff;
	border: solid 2px #e8e8e8;
	overflow:hidden;
	max-height: 350px;
	max-width: 500px;
	width: auto;
	z-index:2;
	position:absolute;
}

.newlayout_gridrow
{
	font-size:11;
}

.newlayout_gridrow td
{
	padding-bottom:5px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.traineecommentrow
{
	font-weight:bold;
	padding-right:10px;
	white-space:nowrap;
}

.watermark
{
	color:#797979;
}

.orangebutton
{
	padding:5px;
	background-color:#008E7F;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}

a.orangebutton
{
	text-decoration:none;
}

a.orangebutton:hover
{
	color:#ffffff;
	text-decoration:none;
}

.planheader_substep
{
	color:#000000;
}

#custompath_instructions
{
	line-height: 20px;
}

#custompath_help
{
}

.searchresultrow td
{
	vertical-align:top;
	padding-bottom:20px;
}

div.searchleft
{
	background:transparent url(/images/searchbox_left.gif) no-repeat;
	background-position:left top;
}

div.searchright
{
	background:transparent url(/images/searchbox_right.gif) no-repeat;
	background-position:right top;
	padding:0px 6px 0px 6px;
}

.searchcontent
{
	border-top:solid 2px #73dbed;
	border-bottom:solid 2px #73dbed;
}

.searchtext_wrapper
{
	height:16px;
	padding-right:5px;
	background-color:#ffffff;
}

.searchtext_wrapper input
{
	border-width:0px;
	font-size:10px;
	width:100%;
}

.searchbutton_wrapper
{
	background-image:url(/images/searchbox_gradient.jpg);
	background-repeat:repeat-x;
	width:50px;
}

.searchbutton_wrapper a
{
	display:block;
	height:16px;
	font-weight:normal;
	font-size:10px;
	padding:0px 5px 0px 10px;
	color:#000000;
}

.searchbutton_wrapper a:hover
{
	text-decoration:none;
	color:#000000;
}

ul.stats
{
	list-style-type:none;
	font-style:italic;
}

div.infobox_section
{
	margin-bottom:15px;
}

div.infobox_section h4
{
	padding:0px;
	margin:0px;
}

div.infobox_section p
{
	margin:0px 0px 10px 0px;
}

/* master page layout */
div#wrapper { 
 margin: 0 auto;
 width: 1024px;
}

div#content  
{
 float:left;
 width: 740px;
 display: inline;
 margin: 5px 0px 0px 5px
}

div#content-bg 
{
 float: left;
 width: 1024px;
 padding:5px 0px 0px 4px;
 background-image: url("../images/transparent_bg.png");
 background-attachment:scroll;
 background-repeat:no-repeat;
}

div#content-fg
{
	width: 976px;
	min-height: 300px;
	background-color: #FFF;
	margin: 15px 10px 10px 9px;
	padding:0px 10px 0px 10px;
}

div#header {
 width: 1024px;
 float: left;
 height: 110px;
 background-image: url("../images/header.png");
 background-repeat: no-repeat;
}

div#footer { 
 width: 984px;
 height: 25px;
 clear: both;
 background-color: #FFF;
}

.nav-menu
{
	min-height:75px;
	float:left;
	background-color:#FFF;
}

.nav-link
{
	color:#000;
	height:75px;
	width:125px;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	padding:0px 3px 0px 3px;
	background-image: url('../images/Top_nav_ButtonBG-0-1.jpg')
}

.selected-nav-link a:hover
{
	color:#FFF;
}

.selected-nav-link
{
	background:#008e7f;
	color:#FFF;
}

div#container
{
	min-width:950px;
}

/* IE6 min-width hack */
* html div#container
{
	width:expression(document.body.clientWidth <= 950 ? "950px" : "100%" );
}

div#header p
{
	margin: 0px;
    padding: 5px 10px;
    float: left;
}
div#header a
{
    padding: 10px;
    color: #C6D5FD;
}

div#footer-links
{
}
div#footer-links a
{
	color: #2b2b2b;
	font-size: 8pt;
	margin-right: 5px;
	margin-left: 5px;
}
div#footer-links a:link
{
	text-decoration:none;
}
div#footer-links a:visited
{
	text-decoration:none;
}
div#footer-links a:hover
{
	text-decoration:underline;
}
div#footer-links a:active
{
	text-decoration:none;
}
div#footer-links p
{
	margin: 1px;
	margin-right: 15px;
	font-size: 8pt;
	text-align: right;
}
div#footer-links p.copyright
{
	color: #000;
}
div#content-extra
{
	float:left;
	margin: 15px 0px 0px 15px;
	width: 215px;
}
div#content-bottom
{
	margin: 0px;
	padding: 5px 0px 15px 0px;
}

div#planowner
{
	margin-top:10px;
	margin-bottom:10px;
}

span.planownerproperty
{
	padding-right:10px;
}

.createplan_substep
{
	margin-bottom:35px;
}

.instructions
{
	margin-bottom:12px;
}

ul#completed
{
	list-style-type:none;
	line-height:30px;
}

ul#completed img
{
	vertical-align:middle;
}

.errormessage
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:13px;
}

/* AddTraineeList */

div.add-child-list a.add-child-link
{
	font-size:8pt;
	font-style:italic
}

div.add-child-list td.links
{
	padding-left:10px;
	white-space:nowrap;
}


.ContextMenuPanel 
{
	border: 1px solid #868686;
	background: 0 0 #FAFAFA;
	cursor: default;
	z-index:100000;
	padding: 1px 1px 0px 1px;
	font-size: 8px;
}
.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 19px;
}
a.ContextMenuItem-Selected
{
	font-weight: bold;
}
a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 18px;
}

tr.event_selected
{
	color:#000000;
}

tr.event_unselected
{
	color:#A8A8A8;
}

tr.event_expired
{
	color:#C11B17;
}

tr.has_trainee_assignment
{
	color:#C11B17;
}

tr.no_trainee_assignment
{
	color:#000000;
}

.package_detail_header
{
	background-color:#e8e8e8;
	padding: 0px 5px 5px 10px;
	cursor:pointer;
}

.package_detail_header p
{
	color:#000000;
	font-size:12px;
	margin:0;
}

.package_detail_header p .bold
{
	font-weight:bold;
}

table.trainees td
{
	margin:0px;
	padding:0px;
	height:15px;
	white-space:nowrap;
}

table.trainees tr
{
	margin:0px;
	padding:0px;
}



/*
Styles for rounded corners.  Using javascript doesn't work in all cases, so use
the technique found here: http://www.dave-woods.co.uk/?p=207

If you need more colors just add another 20x20 circle to corners.png using
Gimp or similar tool.
*/

.tl, .tr, .tl-line, .tr-lin, .bl, .br, .bl-line, .br-line
{
	background: url(/images/corners.png);
	width: 10px;
	height: 10px;
	font-size: 0;
}
.tl, .bl, .tl-line, .bl-line
{
	float: left;
}
.tr, .br, .tr-line, .br-line
{
	float: right;	
}
.bottom-line
{
	background: #ffffff repeat-x 0 100%;
	width:100%;
	height:10px;
	border: none 0px;
}
.top-line
{
	background: #ffffff repeat-x 0 0;
	width:100%;
	height:10px;
	border: none 0px;
}
.box-content
{
	border: none 0px;
	clear: both;
	padding:  0px;
	overflow: hidden;	
}
* html .box-content
{
	height: 1%;	
}
.box-table
{
	width:100%;
	background-color:#ffffff;
	text-align:left;
	border-style:solid;
	border-collapse:collapse;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.box-table th
{
	border-bottom-width:0px;
	border-top-width:0px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:12px;
}

.box-table td
{
	border-bottom-width:0px;
	border-top-width:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}


.gray-box
{
	background: #e8e8e8;
	width:100%;
	overflow: hidden;
	margin: 10px 0;
}
.gray-box .tl { background-position: 0px 0px; }
.gray-box .tr { background-position: -10px 0px; }
.gray-box .bl { background-position: 0px 10px; }	
.gray-box .br { background-position: -10px 10px; }
.gray-box .bl-line { background-position: -60px 10px; }
.gray-box .br-line { background-position: -70px 10px; }
.gray-box .bottom-line { background-image: url(/images/gray_dot.gif) }
.gray-box .top-line { border-color: #e8e8e8; }
.gray-box .box-table { border-color: #e8e8e8; }
.gray-box tr.box-table-header { background-color:#e8e8e8; }


.blue-box
{
	background: #00b1eb;
	width:100%;
	overflow: hidden;
	margin: 10px 0;
}
.blue-box .tl { background-position: -20px 0px; }
.blue-box .tr { background-position: -30px 0px; }
.blue-box .bl { background-position: -20px 10px; }
.blue-box .br { background-position: -30px 10px; }
.blue-box .bl-line { background-position: -80px 10px; }
.blue-box .br-line { background-position: -90px 10px; }
.blue-box .bottom-line { background-image: url(/images/blue_dot.gif) }
.blue-box .top-line { background-image: url(/images/blue_dot.gif) }
.blue-box tr.box-table-header { background-color:#00b1eb; }
.blue-box .box-table { border-color: #00b1eb; }

.orange-box
{
	background: #008E7F;
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
}
.orange-box .tl { background-position: -40px 0px; }
.orange-box .tr { background-position: -50px 0px; }
.orange-box .bl { background-position: -40px 10px; }
.orange-box .br { background-position: -50px 10px; }
.orange-box .bl-line { background-position: -100px 10px; }
.orange-box .br-line { background-position: -110px 10px; }
.orange-box .bottom-line { background-image: url(/images/orange_dot.gif) }
.orange-box .top-line { background-image: url(/images/orange_dot.gif) }
.orange-box tr.box-table-header { background-color:#008E7F; }
.orange-box .box-table { border-color: #008E7F; }



.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#CCCCCC; 
    position:absolute; 
    width:130px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}

div.gray_section
{
	border: solid 3px #e8e8e8;
	padding: 5px 5px 5px 5px;
}

/*Support page*/

.supportlinks
{
 margin-top:10px;
 padding: 0%; 
 float: left; 
 width: 40%; 
}

.supportimages
{
  padding: 10px; 
  width: 35%; 
  margin-left: 50%; 
}