/* Style specific to MF application pages, including the pows, products, etc. 

	Table of contents:
	
	1. Blue link box style (pow puzzle links)
	2. Miscellaneous pow app style including thread view style
	3. products Office style
	4. display tag (display table)
	5. jQuery alerts style
	6. Thread status and queue icon user guide style	

*/


/*** blueLinkBox style ***/

/* this is used to display support materials and action links for puzzles in a few places.  */
.blueLinkBox {
    font-size: 0.8em;
    margin-left: 5px;
    padding: 5px;
    background-color: #D3E4F2; /* blue like the wrapper tabs */
    width:100%;
}

.blueLinkBox td ul, .blueLinkBox td ol {
    margin: 0px !important;
    padding: 0px !important;
}

.blueLinkBox li {
    list-style-type: none;
    line-height:1.5em;
}

.blueLinkBox td ul li a {
	display:block;
    text-decoration: none !important;
}

.puzzleTitleArea h2 {
 	margin-top: 10px !important;
}

.blueLinkBox #rightcolumn, .blueLinkBox #centercolumn, .blueLinkBox #leftcolumn {
	vertical-align:top;
}

/*** END bluelinkbox ***/






/*** Miscellaneous pow style ***/
input#puzzle-title, input#puzzle-answer {
	width: 283px;
	height: 20px;
}

#answerCheck ul {
	list-style-position:inside;
	list-style-type:disc;
}

/* For STATIC type commentary on publications (i.e. highlighted solutions are pasted in) */
.staticCommentary table td {
	padding: 0px !important;
}

#userMessage { color:green; font-size:10pt; font-family: sans-serif; font-weight:bold; margin-bottom:10px; }
#errorMessage { color:red; font-size:10pt; font-family: sans-serif; font-weight:bold; margin-bottom:10px; }

/*** END Miscellaneous pow style ***/








/*** thread page style ***/

/* *************** styling for blue/white borders around individual posts *************** */

.outerBorder {
	display:block;
	border:4px solid #dadaea;
	margin:6px;
}

.innerBorder {
	display:block;
	border:4px solid #fff;
	margin:0;
}

.submissionBorder {
	border-color: #CC0000;
}

.revisionBorder {
	border-color: #6600CC;
}

.responseBorder {
	border-color: #009933;
}

.memoBorder {
	border-color: #FFFF33;
}

.AnswerCheckBorder {
	border-color: #FF6600;
}

.CommentBorder {
	border-color: 0033FF;
}


/* **************** base forum font styles **************** */
#forums {
	color: #000000;
	font-size: 12px;
	margin: 0 4px 0 0;
}
#forums h1 {
	font-size:18px;
	margin:14px 0 0 0;
	padding: 0 6px;
	color:#303866;
	font-weight:bold;
	line-height:20px;
}
#forums h1 div {
	float:right;
	white-space:nowrap;
	vertical-align:bottom;
}
#forums hr {
	border: none 0; 
	border-top: 1px dashed #b7b7d3;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* **************** button styles **************** */
#forums a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 21px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

#forums a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 11px;
    padding: 5px 0 5px 18px;
}

#forums a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

#forums a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

#forums a.button:hover {
    color: dbdaea;
}

/* ********** Main content table within thread frame ********** */
.headerRow {
	background: #dadaea;
    border-bottom: 2px solid #c3c1d9;
    color:#53617b;
	padding:6px 8px;
	_width:100%;
	font-size: 12px;
}
.headerRow div {
	float:right;
	margin-left:10px;
	display: inline;
}
.headerRow div a, .headerRow div a:link, .headerRow div a:visited {
	color:#2b3f6b;
	margin-right:4px;
	padding: 0 8px 0 0;
	border-right:1px solid #999;
}
.headerRow div a:hover {
	text-decoration:none;
	color:#182a51;
}
.headerRow a img {
	height:13px;
	width:13px;
	border:0;
	float:left;
	padding-right:4px;
}

/* ********** styling for username/info area in thread ********** */
.userArea {
	background: #f0f1f6;
    border-right: 2px solid #c3c1d9;
    color:#333333;
}

.userArea dl {
	margin: 0px;
}

.userArea th {
	text-align: left;
	font-weight: normal;
}

.userArea td, .userArea th, .userArea dt, .userArea dd, .userArea p {
	font-size: 12px;
}
	
.bigUsername { 
	font-size: 16px;
	line-height:25px;
}
.messageType {
	vertical-align:bottom;
    color:#53617b;
}

/* **************** styling for post body text **************** */

.postContent {
	background: #FFFFFF;
	border:0;
	padding:0;
	margin:0;
	width:auto;
}
.postContent td {
	padding:4px 8px;
}
.threadBody {
	color: #000000;
	padding:0;
}
.threadBody h2 {
	font-weight:bold;
	margin:6px 0 2px 0;
	padding:0;
}
.threadBody a:link, .threadBody_alink {
	text-decoration: underline;
}
.threadBody a:visited, .threadBody_avisited {
	text-decoration: underline;
}
.threadBody a:hover, .vthreadBody a:active, .threadBody_ahover {
	text-decoration: none;
}

.threadBody pre {
_width: 400px !important; /* for IE */
overflow-x: auto;
padding-bottom: 20px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* ******************** thread history ******************** */
.threadHistory {
	margin:12px 10px;
	padding:10px;
	_width:99%; /* Fix IE fall down bug */
	border:1px solid #a3a3bf;
	color:#333;
	background: url(../img/background_threadHistory.jpg) repeat-x top left;
}
.threadHistory h2 {
	font-weight:bold;
	font-size:110%;
}
.threadHistory th, .threadHistory td, td.threadbody  {
	padding: 0px !important;
	_overflow-x: auto;
}
td.threadBody  {
	padding:0.5em !important;
}
.userArea td, .userArea th {
	padding: 0.5em !important;
}

/*** END thread page style ***/




/*** 	3. products Office style ***/

#serviceagreement p {
  	line-height: 1em !important;
}

/*** Admin Styles - these are used in the products office ***/

#admin {
	font-size: 14px;
	color: #3f3f3f;
}

#admin form#command {
	margin: 1em;
}

#admin h3 {
	margin: 1em;
	font-weight: bold;
}

#admin span.pagebanner, #admin p {
	margin: 1em;
	color: #1D2F68;
}

#admin table {
	margin: 1em;
	border: 1px solid #bfbfbf;
	padding: 4px;
	overflow: hidden;
}

#admin th {
	background: #ECF1EF;
}

#admin td {
	font-size: 12px;
	padding: 3px;
	vertical-align: middle;
	border-left: 1px solid #e0e5e3;
	border-right: 1px solid #e0e5e3;
}

#admin tr.even td {
	background: #fff;
}

#admin tr.odd  td {
	background: #FBF5E6;
}

#admin th.sorted a, #admin th.sortable a {
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	color: #1D2F68;
}

#admin th.sortable {
	border-bottom: 1px dotted #bfbfbf;
	vertical-align: middle;
	border-left: 1px solid #e0e5e3;
	border-right: 1px solid #e0e5e3;
	padding: 3px;
}

#admin th.sortable a {
	background-image: url(/products/img/arrow_off.png);
}

#admin th.order1 a {
	background-image: url(/products/img/arrow_up.png);
}

#admin th.order2 a {
	background-image: url(/products/img/arrow_down.png);
}

/*** END Admin Styles ***/




/*** display tag stuff ***/

.displayTable th { color:blue; background:#ECF1EF; font-size:8pt; font-family: sans-serif; font-weight:bold; padding: 0px 3px; text-align:left}
.displayTable td { color:black; font-size:8pt; font-family: sans-serif; font-weight:normal; padding: 2px 2px !important;}
.displayTable tr.even td { background:#fff; }
.displayTable tr.odd  td { background:#FBF5E6;}

.displayTable th.sorted a,th.sortable a {
	background-repeat: no-repeat;
	background-position: right;
	padding: 4px 4px !important;
	text-align:left;
	display: block;
}

.displayTable th.sortable a {
	background-image: url(/products/img/arrow_off.png);
}

.displayTable th.order1 a {
	background-image: url(/products/img/arrow_up.png);
}

.displayTable th.order2 a {
	background-image: url(/products/img/arrow_down.png);
}

.displayTable pre {
	_width: 150px; /* only for IE*/
overflow-x: auto;
padding-bottom: 20px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.displayTable td {
_overflow-x: auto;
_white-space: pre-wrap;       /* css-3 */
_word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table.displayTable {
	_margin-left:-3px;
	_margin-right:-3px;
	border-collapse:collapse;
}

/*** END display tag stuff ***/






/*** jquery alerts style ***/

#popup_container {
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../../img/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../img/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../img/info.gif);
}

#popup_content.confirm {
	background-image: url(../img/important.gif);
}

#popup_content.prompt {
	background-image: url(../img/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*** END jquery alerts style ***/

/**** thread status and queue icon user guides ***/
.iconGuideDL dd { font-size: 16px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 10px; margin-left: 0px;}
.iconGuideDL {margin: 0px;}
/**** END thread status and queue icon user guides ***/