body { font-family:Arial; font-size:12px; color:#666; background:#7183ac url(/_images/layup/bg_body.png) repeat-x left top; }

h2, h3 { color:#999; margin-bottom:.5em; width:100%; }
p { line-height:1.5em; margin:0 1em 1em 0; }

a { border-color:#ccc; color:#666; }
a:visited { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; border-color:#7183ac; color:#000; }

.page_shadow { position:fixed; height:9px; width:100%; }
.page_shadow.top { top:0; background:url(../_images/layup/page_shadow.png) repeat-x left top; }
.page_shadow.bottom { bottom:0; background:url(../_images/layup/page_shadow_bottom.png) repeat-x left bottom; }

#wrapper { width:767px; margin:auto; }


#logo { width:279px; height:32px; margin:15px 0 5px 0; float:left; }
#logo a { display:block; width:279px; height:32px; background:url(/_images/layup/logo.png) no-repeat left top; }
#logo span { display:none; }

#info_area { color:#ccc; font-size:11px; float:right; height:32px; margin:15px 0 5px 0; line-height:32px; margin-right:20px; }
#clock { }
#info_area span { color:#ccc; }
#info_area span span { color:#666; }
#info_area a { color:#fff; text-decoration:none; }

.login { width:5px; height:5px; position:absolute; overflow:hidden; bottom:0; left:0; }
.login input { font-size:10px; }
.login #login_btn { float:right; height:35px; width:5px; /*background-color:#000;*/ }
.login #login_ctrls { padding:5px; background:#fff; display:none;  }

#container { width:751px; margin:auto; float:left; }
#menu { width:731px; height:60px; padding:22px 0 0 20px; background:url(/_images/layup/bg_header.png) no-repeat left top; }

#menu li { float:left; width:100px; }
#menu li a { display:block; height:30px; background-image:url(/_images/layup/menu.png); background-repeat:no-repeat; }
#menu li a span { display:none; }

#menu li.home a { background-position:left bottom; }
#menu li.portfolio a { background-position:-100px top; }
#menu li.contact a { background-position:-200px top; }
#menu li.tools a { background-position:-300px top; }

#menu li.home a:hover { background-position:left bottom; }
#menu li.portfolio a:hover { background-position:-100px bottom; }
#menu li.contact a:hover { background-position:-200px bottom; }
#menu li.tools a:hover { background-position:-300px bottom; }

#footer {  padding:0 5px; line-height:85px; color:#ccc; font-size:10px; text-align:right; background:url(/_images/layup/bg_footer.png) no-repeat left top; }

#content { padding:0 30px; background:url(/_images/layup/bg_content.png) repeat-y left top; }
/*#content.1col { background:url(/_images/layup/bg_content.png) repeat-y left top; }*/
#content.right_col { background:url(/_images/layup/bg_content_2col.png) repeat-y left top; }

#content_right { float:left; width:210px; min-height:325px; padding:5px 5px 5px 15px; /*background:#eee url(/_images/layup/bg_content_right.png) repeat-y left top;*/ }
#content_body { float:left; width:451px; margin-right:10px; }

#content_right .separater { border-bottom:solid 5px #ddd; margin-bottom:1em; height:1em; }

#content_body ul { list-style-type:square; margin-left:2em; }
#content_body ul li { margin-bottom:1em; }
/*#content_body ul li:hover { color:#7183ac; }*/

#content_right img { border:solid 5px #fff;  }

.box { width:175px; height:220px; float:left; margin:3em 0 0 20px; border:solid 5px #dadada; padding:5px; }
.box:hover { border-color:#7183ac; }
.inner { background-color:#eee; height:200px; }

/*
.shouts { font-size:.9em; margin-top:1em; }
.shouts li { margin-top:.5em; }
.shouts li p { line-height:1.3em; }
.shouts li strong { display:block; font-size:.9em;  }
*/
.shouts { list-style:none; margin:0; margin-top:30px; font-size:10px; }
.shouts li { display:block; margin-top:5px; line-height:1.2em; }
.shouts strong { color:#bbb; font-weight:normal; }
.shouts p { display:block; margin:0; padding:5px 5px; border:solid 1px #ccc; text-decoration:none; color:#666; }
.shouts p:hover { color:#000; border-color:#000; }

#shout_count { line-height:25px; font-size:10px; color:#999; }

.random_things { font-size:.9em; margin-top:1em; }
.random_things li { margin-top:.5em; }
.random_things li p { line-height:1.3em; }
.random_things li strong { display:block; font-size:.9em;  }

.tool_list { list-style:none; margin:0; margin-bottom:2em; }
.tool_list li { display:block; margin-bottom:3px; line-height:1.2em; }
.tool_list a { display:block; padding:10px 5px; border:solid 1px; border-left:solid 5px; text-decoration:none; color:#666; }
.tool_list a:hover { color:#000; }


.form { margin:1em; }


.form label { display:block; margin-top:1em; font-size:1.1em; font-weight:bold; color:#999; }
input, select, textarea { font-family:Verdana; margin:.2em 0; }
input[type="text"], textarea { width:75%; border:solid 1px #969696; padding:2px; background:#fff url(/_images/layup/bg_input.png) repeat-x left bottom; }
input[type="text"].required, textarea.required { border-right:5px solid #abab71;/*#ac7171;*/ }

.row-btns { margin-top:1em; }

.admin_form { }
.row { margin-bottom:1em; }
.row label { margin:0; }
.row input[type="text"], .row textarea { width:95%; }

.row.chkbox label { display:inline; }

#typing_test { background-color:#eee; height:220px; text-align:left; }
#typing_test input[type="text"] { color:#999; text-align:left; font-size:1.3em; letter-spacing:2px; font-weight:bold; }
#typing_test p { font-size:.8em; margin:1em 0; text-align:left; }
#typing_test #results { font-size:.8em; color:#999; overflow:auto; }

#typing_test .word_box {  }

#word_display { padding-left:3px; font-family:Verdana; font-size:1.3em; text-align:left; letter-spacing:2px; font-weight:bold; }
#word_display { color:#ccc; }
#word_display span { color:#009; }
#word_display.done { color:#090; }

table.typing_test_scores { width:100%; font-size:.85em; }
.typing_test_scores th,
.typing_test_scores td { padding:5px; border:solid 1px #ddd; vertical-align:middle; color:#999;  }
.typing_test_scores th { text-align:center; background-color:#ccc; color:#333; }
.typing_test_scores th.top_heading { background-color:#999; color:#fff; }
.typing_test_scores .highlight td { /*background-color:#dbf2db;*/ color:#000; }

#quickreaction_test { height:220px; text-align:center; }
#quickreaction_test input[type="button"] { width:130px; }
#quickreaction_test p { font-size:.8em; margin:1em 0; }

.article_date { color:#999; text-transform:uppercase; font-size:0.8em; margin:-5px 0 10px 0; }

.portfolio_controls { height:20px;  }

.portfolio_controls div { margin-right:230px;  }

.portfolio_controls a { height:20px; line-height:20px; color:#71ac74; text-decoration:none; }
.portfolio_controls a.show { padding-left:25px; background:url(/_images/arrows/green_right.png) no-repeat left center; }
.portfolio_controls a.hide { padding-left:25px; background:url(/_images/arrows/green_down.png) no-repeat left center; }
.portfolio_controls a.previous { float:right; width:90px; display:block;  padding-left:25px; background:url(/_images/arrows/green_left.png) no-repeat left center; }
.portfolio_controls a.next { float:right; width:90px; display:block; text-align:right; padding-right:25px; background:url(/_images/arrows/green_right.png) no-repeat right center; }

.portfolio_item { padding:10px 0; height:260px; clear:both; }

.portfolio_info { position:relative; float:right; width:210px; height:240px; padding:5px 5px 5px 15px; background:#eee url(/_images/layup/bg_content_right.png) repeat-y left top; }
.portfolio_info a { position:absolute; bottom:0; line-height:1.2em; display:block; margin:1em 0; color:#666; font-weight:bold; text-decoration:none; }
.portfolio_info a:hover { text-decoration:underline; }

.portfolio_images { margin:15px 240px 0 15px; height:250px; }
.portfolio_images .image { margin-right:1.5em; float:left; padding:5px; border:solid 5px #dadada; }
.portfolio_images .image img { margin:0; padding:0; display:block; }
.portfolio_images .thumbnail1, .portfolio_images .thumbnail2 { float:left; padding:5px; border:solid 5px #dadada; }
.portfolio_images .thumbnail1:hover, .portfolio_images .thumbnail2:hover { border:solid 5px #71ac74; }
.portfolio_images .thumbnail2 { margin-top:20px; }
.portfolio_images a { display:block; height:80px; width:110px; background-repeat:no-repeat; background-position:center center; }


/*** Tool Installation Pages
*************************************/
#tools_install { }
#tools_install table { width:100%; }
#tools_install table th { padding:5px; font-weight:bold; width:50px; text-align:left;}
#tools_install table td { padding:5px; }
#tools_install table a { font-weight:bold; font-size:larger; border:solid 1px #666; padding:10px;  }
#tools_install .install-btn { vertical-align:middle; text-align:center; }

#tools_install ul { list-style-type:square; margin-left:20px; margin-bottom:10px; }
#tools_install ul li { margin-bottom:5px; }


dl.arguments { margin:0 20px 20px 20px; line-height:20px; }
dl.arguments dd { font-weight:bold; float:left; clear:left; width:45px; padding-right:10px; margin-right:10px; border-right:solid 1px #333; }
dl.arguments dt { font-style:italic; margin-bottom:5px; float:left; color:#999; clear:right; }

dl.arguments dd.example { margin-top:10px; border:none; }
dl.arguments dt.example { margin-top:10px; font-style:normal; color:#666; }



.mceContentBody { background:#fff; margin:5px; }


.recordtype td { padding:0 5px; }
.recordtype label { display:inline; margin:0; font-size:1em; font-weight:normal; }


/*** General Classes
*************************************/

.hide { display:none; }
.fRight { float:right; }
.clear { clear:both; }
.aRight { text-align:right; }
.aCenter { text-align:center;  }
.aLeft { text-align:left;  }

.bold { font-weight:bold; }

.mTop { margin-top:1em; }

.fSmaller { font-size:smaller; }

.black_bg { background-color:#000; }

.highlight { color:#7183ac; }
.highlight_bg { background-color:#7183ac; }
.red { color:#ac7171; }
.green { color:#71ac74; }
.blue { color:#7183ac; }
.yellow { color:#abab71; }

.networktools_output { font-size:0.85em; font-family:Verdana, Courier New, Monospace; }