/* CSS task_multi.css*/
/*Version 2.3 1-15-09*/

p {
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 9px;
}

#mm-pd {
	margin-top: 2px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 24px;
	background-color: #fff;
	color: #555;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-width: 360px;
	text-align: left;
}

/* START NAVBAR STYLES */

#navbox { 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 22px; 
	float: left; 
	padding-top: -2px; 
	border-bottom: 1px solid #939393;
	background-color: #2D3237;
	z-index: 99;
}

.gradient {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d1d1d1), color-stop(0.5, #d1d1d1));
	-webkit-background-origin: border;
}

#navleftbox {
	position: relative;
	font-size: 10px; 
	position: absolute; 
	top: -1px;
	left: 15px 
}

#navrightbox {
	float: right;
	position: relative;
	top: -2px;
	font-size: 10px;
	margin-right: 24px; 
}

.navlink_left {
	color: #333; 
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	vertical-align: top;
}

.navlink_right {
	color: #FFF;
	font-weight: normal;
	line-height: 12px;
	margin-left: 8px;
	text-align: right;
	vertical-align: top;

 }


/* End Navbar styles */

/* START HEADER AREA STYLES */

#headerbox {
	margin-top: 46px;
	margin-bottom: 23px;
	padding-right: 6px;
}

h1 {
	color: #3a52a4;
	font-size: 18px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 0;
	text-align: left;
}

#iconbox {
	margin-bottom: 0px;
	float: left;
}

#iconimg {
	padding-top: 2px;
}


#pagetitle {
	border: solid 1px #fff;
	margin-left: 40px;
	margin-right: 45px;
	width: 88%;
}

/* End Header Area Styles */


/* EMBEDDED/INLINE LINK STYLES */

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #336699;
}

/* End Embedded/Inline Link Styles */


/* START INTRO, TASK, OUTRO STYLES*/

#introbox {
	margin-top: 0px;
	margin-bottom: 0px;
}

.introprimtext, .outroprimtext {
	margin-top: 0px;
	margin-bottom: 0px;
}

.introprimtextlongtext,.outroprimtextlongtext, p.introprimtextlongtext, p.outroprimtextlongtext {
	margin-top: 10px;
	margin-bottom: 0px;
}

.intronote, .outronote {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.intronoteprefix, .outronoteprefix  {
	position: relative;
	left: 0px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	text-transform: uppercase;
	line-height: 16px;
	word-spacing: -2pt;
	letter-spacing: 1pt;

}

.tasknotelongtext {
	margin-top: 18px;
	margin-bottom: 0px;
	position: relative;
	left: 0;
}

.taskcontent {
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 0px;
	text-align: left;
}

.taskprimtext {
	margin-bottom: 0px;
}

.taskprimtextlongtext {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 1px;
}	

.taskauxcontent {
	margin-top: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.taskprimcontent {
	margin-bottom: 19px;
}

h2 {
	color: #555;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 1px;
	padding-bottom: 1px;
}

p.taskauxoptionlongtext {
	marign-top: 0px;
	margin-bottom: 8px;
}

.taskauxlinktext {
	position: relative;
	left: 0px;
	margin-top: 8px;
	margin-bottom: 0px;
}


/* This .text style is only used in for Bullet lists */
.text, p.text {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	text-indent: 0px;
	left: -3px;
	top: 0px;
}

/* This .text style is only used in for Number lists */
.textlistnumber, p.textlistnumber  {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin-bottom: 0px;
	position: relative;
	text-indent: 0px;
	left: 0;
	top: 0px;
}

/* This style is used when a list item <li> has multiple paragraphs of text */
.listparagraph, p.listparagraph {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	margin-bottom: 6px;
	position: relative;
	text-indent: 0px;
	left: -20px;
	top: 0px;
	visibility: visible;
}

#tasklistnumbered ol, #tasklistbulleted ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#tasklistnumbered li {
	list-style-position: outside;
	list-style-type: decimal;
	position: relative;
	left: -20px;
	line-height: 16px;
	text-indent: 0px;
	text-align: left;
	vertical-align: bottom;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

#tasklistbulleted li {
	font-size: 14px;
	list-style-position: outside;
	list-style-type: none;
	position: relative;
	left: -17px;
	line-height: 18px;
	text-indent: 0;
	text-align: left;
	width: 100%;
	margin-top: 0px;
}

ul li:before {
   content: counter(mycounter, square) "";
    font-size : 100%;
    position: relative;
    top: -.05em;
    float: left;
    margin-right : .25em;
    margin-left : -1.1em;
    margin-bottom: 0em;
} 

#tasklistbulleted li:before {
   	content: counter(mycounter, square) "";
    font-size : 100%;
    position: relative;
    top: -.05em;
    float: left;
    margin-right : .25em;
    margin-left : -1em;
    margin-bottom: 0em;
} 


.taskauxart {
	font-size: 18px;
	list-style-position: outside;
	list-style-type: square;
	position: relative;
	left: -22px;
	line-height: 15px;
	text-indent: 0;
	text-align: left;
	width: 100%;
	margin-top: 2px;
}

.taskauxlink {
	position: relative;
	left: 0px;
	padding-right: 15px;
	margin-top: 9px;
	margin-bottom: 9px;
	width: 100%;
}

.taskauxpair {
	position: relative;
	left: -17px;
}

.taskauxpairshorttext {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	left: 0;
}

.taskauxpairlongtext {
	margin-top: 9px;
	margin-bottom: 9px;
}

.tasknoteplain {
	position: relative;
	margin-bottom: 8px;
}

.tasknoteprefix, .tasknoticeprefix {
	font-size: 11px;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-right: 4px;
	text-transform: uppercase;
	line-height: 16px;
	word-spacing: -2pt;
	letter-spacing: 1pt;
}


#outrobox {
	margin-top: 20px;
	margin-bottom: 0px;
}

/* End Intro, Task, Outro Styles */

/* TASKBOX WRAPPERS */

#taskbox, #taskbox0, #taskbox1, #taskbox2, #taskbox3, #taskbox4, #taskbox5, #taskbox6, #taskbox7, #taskbox8, #taskbox9, #taskbox10 {
	clear: both;
	position: relative;
	margin-top: 18px;
	width: 100%;
}

#taskframe, #taskframe0, #taskframe1, #taskframe2, #taskframe3, #taskframe4, #taskframe5, #taskframe6, #taskframe7, #taskframe8, #taskframe9, #taskframe10 {
	background-color: #FFFFFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #d7d7d7;
	padding-top: 12px;
	padding-bottom: 7px;
}

/* End Taskbox Wrappers */


/* START SHADOW STYLE */

.shadow {
	-webkit-box-shadow: 0px 2px 4px #CCCCCC;
	-moz-box-shadow: 0px 2px 4px #CCCCCC;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

/* End Shadow Style */


/* START RULE STYLES*/


#rule {
	margin-top: 22px;
	margin-bottom: 0px;
}

hr {
	background-color: #F6F6F6;
	background-repeat: repeat-x;
	height: 2px;
	width: 100%;
	border-top: 1px solid ##C6CBD1;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 8px;
}

/* End Rule Styles */

/* RELATED TOPICS STYLES */

h3 {
	color: #555;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 4px;
	text-align: left;
}

#linkinternalbox, #linkexternalbox {
	margin-top: 20px;
	margin-bottom: 0px;
}

.linkinternal, .linkexternal {
	margin-top: 0px;
	margin-bottom: 1px;
}



/* START FEEDBACK STYLES */

#linkfeedbackbox {
	margin-top: 20px;
	margin-bottom: 0px;
	background-color:#D5D8D2;
}

.linkfeedback {
	color: #555;
	margin-top: 0px;
	margin-bottom: 1px;
	text-align: center;
}

/* End Feedback Styles */