@import url("reset.css");

html, body { height:100%; }
#container { height:auto !important; height:100%; min-height:100%; }

body { font-size: 80%; font-family: Arial, Helvetica, Sans-serif; color: #333; background-color: #bbbbbb; }

a,a :link, a:hover, a:visited { color:#4295c0; text-decoration: none; }
a:hover { text-decoration: underline; }
p {padding: 5px 0 0 0;}
h1 { font-size: 160%; padding-bottom: 5px; font-weight: bold; }
h2 { font-size: 140%; padding-bottom: 5px; font-weight: normal; }
h3 { font-size: 120%; padding-bottom: 5px; font-weight: normal; }
select, textarea   { border: 1px solid black; padding: 0px; font-size: 90%; background-color: #FFF !important; }
select:hover{ border: 1px solid black; font-size: 90%; color: Black; background-color: #FFF !important; }
textarea:hover { border: 1px solid black; padding: 2px; font-size: 90%; color: Black; background-color: #FFF !important; }
textarea {padding:2px;}
.submit {text-align:center;}
ul { list-style-type: none; }
ul li { padding: 0 0 0 10px; margin-left: 0px; background: url(../images/li.gif) no-repeat 0 7px; }

#article ul { list-style-type: none; }
#article ul li { padding: 0 0 0 10px; margin-left: 0px; background: url(../images/li.gif) no-repeat 0 7px; }

hr { color: #a6a6a6; clear: both; }

.hr { border-bottom: solid 1px #a6a6a6; margin: 15px 0 10px 26px; width:91%;}

.hr2 { border-bottom: solid 1px #a6a6a6; margin: 15px 0 10px 0px; width:100%;}

/*global ----------------------------------- */

.hide { display: none; }
.show { display: block; }
.padding { padding: 10px; display: block; }
.debug { display: block; color: white; background-color: black; white-space:pre; font-size:10px;}

.loader-ajax { padding: 50px; }
.loader-ajax-small { padding: 5px; }

.error { font-size: 90%; color: #990000; }
.smalltxt { font-size: 85%; }

/*clearfix ----------------------------------- */

.c { clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; }
.clear { display:inline-block; } 
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

/* Site ----------------------------------- */

#header { width: 100%; min-width: 964px; height: 108px; background: #505050 url(../images/header-back.png) repeat-x; float:left;}
#container-header { width: 964px; margin: auto;}
#container-header #search { float: right; width:253px; margin: 60px 0 0 0;}
#container-header #header-logo {float:left; padding-top:2px; padding-left: 7px;}
#search #searchtxt { background: #595959 url(../images/header_searchtxt.jpg) no-repeat 0 0;
					border: none;
					float: left;
					color: #000;
					padding: 8px 0px 2px 7px;
					width: 169px; 
					height: 20px;
					font-size: 12px;}
.search, .search:visited { padding:0px; background:#f2f2f2; border: 0px;}
.search:hover { border: 0px; padding: 0px; font-size: 90%; background-color: #FFF !important;  }

#container-header #searchsubmit {	float: left; background: #3f3f3f url(../images/header_search.jpg) no-repeat 0 0;}

#mainnav { width: 100%; min-width: 964px; height: 30px; background: url(../images/nav/nav_background.jpg); float: left;}
#container-mainnav { width: 940px; margin: auto;}
#mainnav .left { float: left; padding-left: 10px; padding-right:10px; background: url(../images/nav/nav_background.jpg) repeat-x;  margin: 0 0 0 0;}
#mainnav .mentor { padding-right: 50px; }
#mainnav .right-container { float: left; width: 340px; background: url(../images/nav/nav_background.jpg) repeat-x; margin: 0 0 0 0;}
#mainnav .right-container div { float: right; }
#mainnav .right-container .right { padding-left: 0px; }


#content_header { float: left; width: 100%; padding: 0 5px 15px 0; background: #f2f2f2 url(../images/content_header.jpg) no-repeat; margin-right:5px; }
#content_header  .quote { color:#777777; font-size:30px; padding:20px; position:relative; }
#content_header  p{ padding:0 0 10px 20px; margin-right:10px; color:#4c4c45; }
#content_header  a{ padding:0 0 10px 20px; color:#4295c0; font-weight:bold;}

#main-content{width: 100%; min-width: 964px; background-color: #f2f2f2; padding: 0 0 40px 0; }
#container-content {  width:918px; margin:auto; padding: 10px 0 30px 0; background-color: #f1f1f1; }
#container-left { width: 140px; padding: 3px 0px 0 0px; margin: 0 20px 0 0px; float: left; }
#container-left .header, #container-right .header { padding: 25px 0 5px 0; }
#container-left .content a{ color:#4295c0; rutiger; font-weight:bold;}
#container-left .content li{ color:#4295c0; padding: 1px 0 1px 10px; font-size:12px;}
#container-left .didyouknow img {  
										  padding: 0 2px 3px 0;
										  background-image: url(../images/fading_corners.jpg);
										  background-position: right bottom;
										  background-repeat: no-repeat;}
#container-left .didyouknow  a{font-size:12px; color:#404039; font-weight:normal;}
.framepicture { padding: 0 2px 2px 0; background-image: url(../images/fading_corners2.jpg); background-position: right bottom; 	background-repeat: no-repeat; }

#addthis { padding: 15px 0; }

#container-middle { width: 504px; float: left; background: url(../images/content_background.jpg) repeat-y 0 0;}
.more-articles a{float: right; color:#4295c0; font-weight:bold; font-size: 13px; text-align:centre; padding:0 40px 10px 0;}
#container-middle-wide { width: 625px; float: left; margin: 0px 35px 0px 0px; }
#container-middle-full { width: 100%; float: left; margin: -1 20px 0px 20px; }
#container-right { width: 230px; float: left; padding: 3px 0 0 0; margin: 0 0 0 23px; background-color: #f2f2f2;}
#container-right ul li{list-style-type:none; padding: 0 0 0 0; background: none; color:#4295c0; font-weight:bold;}

.homepagearticle{padding: 0 20px 0 25px;}

#mentor-result {float: left; padding-top: 15px;}

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

#feature-buttons { background: url(../images/feature_background.jpg) repeat-y 0 28px; padding: 0 0px 0px; text-align: center; }
#feature-buttons img { padding: 20px 5px; }

#newsletter { padding-top: 7px; }
#newsletter input { background: url(../images/newsletter_searchtxt.jpg) no-repeat 0 0;
					border: none;
					float: left;
					color: #000;
					padding: 8px 0px 2px 7px;
					width: 130px; 
					height: 20px;
					font-size: 12px;}
#newsletter #error,#newsletter #error-dup { padding-bottom: 5px; font-size: 80%; }
#newsletter #signup { width: 70px; height:30px; padding: 0px; background: url(../images/newsletter_search.jpg) no-repeat 0 0; }
#newsletter #signup:hover { border: 0px; padding: 0px; font-size: 90%; background-color: #FFF !important;  cursor:pointer;}
#footer{width: 100%; background-color: #bbbbbb;}
#footer-container {  width:918px; margin:auto; padding: 15px 0 10px 0; background-color: #bbbbbb; min-height: 20px; }
#footer #logo2 { float: left; padding-right: 30px; }

#footer-links { float: left; }
#footer-links a { margin-right: 10px; color: #000; font-size:10px; }
#copy { padding-top: 5px; font-size: 80%; color: black; }

#legal-links { text-align:right; float: right; padding-right: 10px;  }
#legal-links a { margin-left: 10px; color: #000;}

#content-constrainer { width: 475px; position: relative; }
#content-constrainer p { padding-bottom: 5px; }

#container-middle-wide h1,  #container-middle h1 { padding-bottom: 15px; }
#container-middle-wide h2,  #container-middle h2 { padding: 0 0 5px 0; }

#content-constrainer h1 { padding: 5px 0px 0px 0px; font-weight: bold; }
#content-constrainer h2 { padding: 25px 0px 5px 0px; font-size: 100%; font-weight: bold; }

#login table td { padding: 5px; }
#register table td { padding: 10px 18px 0 0; }
#message-add-form .subject input { width: 400px; }

#facts-references { font-size: 70%; line-height: 12px; }

#celebrities div { padding-bottom: 10px; }
#celebrities div a { padding-bottom: 10px; font-weight: bold; }

#contactform td { padding: 5px; }
#contactform input, #contactform textarea { width: 250px; }
#contactform textarea { height: 200px;  }

#article-cat { width: 520px; position: relative;}
#article-cat .header {float:left; width: 300px;}
#article-cat .text {float:left; padding: 0 25px 0 0; width: 360px;}

#article { line-height: 1.4em; }
#article h1.mentor { padding-bottom: 0px; line-height: 1em; }
#article .mentorlink { font-size: 85%; }

#article img { padding: 5px; }
#article #related { padding: 15px 0px 10px 0px; }
#article #related a { text-decoration: underline; }
#article #reply { width: 475px; }
#article #reply #replyFormContainer { float: left; width: 355px; }
#article #reply .post { float: right; }
#article #reply .error { float: right; width: 98px; padding-top: 30px; }

#article #comments { padding-top: 10px; }
#article .comment { padding: 5px 0px; }
#article .comment .author { background-color: #f4fce5; }
#article .comment .header { width: 465px; padding: 5px; border-top: solid 1px #85b22a; }
#article .comment .header .name { float: left; font-size: 85%; font-weight: bold; }
#article .comment .header .date { float: right; font-size: 85%; }
#article .comment .body { padding: 10px; }

#word-of-the-week #comments { padding-top: 10px; }
#word-of-the-week .content { padding-bottom: 10px; }
#word-of-the-week .comment { padding: 5px 0px; }
#word-of-the-week .comment .author { background-color: #f4fce5; }
#word-of-the-week .comment .header { width: 465px; padding: 5px; border-top: solid 1px #85b22a; }
#word-of-the-week .comment .header .name { float: left; font-size: 85%; font-weight: bold; }
#word-of-the-week .comment .header .date { float: right; font-size: 85%; }
#word-of-the-week .comment .body { padding: 10px; }

#word-of-the-week #reply { width: 475px; }
#word-of-the-week #reply #replyFormContainer { float: left; width: 355px; }
#word-of-the-week #reply .post { float: right; }
#word-of-the-week #reply .error { float: right; width: 98px; padding-top: 30px; }

#registerForm, #loginForm { float: left; width: 500px; }
#registration-right { position: relative; float:left; padding: 40px 5px 5px 10px; width: 350px; }
#registration-right #error { height: 195px; }
#registration-warning { font-size: 75%; }

#resume-builder-right, #budget-builder-right { float:left; padding: 25px 0px 0px 5px; width: 310px; } 
#resume-builder-right h2, #budget-builder-right h2 { padding-bottom: 5px; font-weight: bold; font-size: 110%; } 
#resume-builder-right #tip, #budget-builder-right #tip { padding: 10px; overflow: auto; position: relative; }
#resume-builder-right #tip { border: solid 1px #4f89c3; background-color: #e6ecf3; height: 120px; }
#budget-builder-right #tip { border: solid 1px #ff6600; background-color: #fae6d9; height: 150px; }
#resume-builder-right #tip .buttons, #budget-builder-right #tip .buttons { position: absolute; bottom: 4px; text-align: center; width: 285px; }


#resume-builder-container, #budget-builder-container { width: 550px; float: left; }
#resume-builder, #resume-builder { padding-left: 20px; }
#resume-builder .submit{ margin-right: 55px; margin-top: 0px; float: right; }
#budget-builder .submit { margin-right: 75px; margin-top: 0px; float: right; }
#resume-builder-container table, #budget-builder-container table { border: solid 1px black; margin-bottom: 20px; width: 400px; }
#resume-builder-container .container, #budget-builder-container .container { border: solid 1px black; margin-bottom: 20px; width: 400px; }
#resume-builder-container table td, #budget-builder-container table td { padding: 5px; width: 100%; }
#resume-builder-container table input { width: 220px; }
#budget-builder-container table input { width: 100px; }
#resume-builder-container table textarea, #budget-builder-container table textarea { width: 350px; height: 200px; }

#resume-builder-nav img { float: left; }
#resume-builder-nav .divider { float: left; background: none; }
#resume-builder-nav .item { float: left; padding: 4px 1px 6px 5px; cursor:pointer; font-weight: bold; color: #333; }
#resume-builder-nav .item:hover { color: #4f89c3; text-decoration: none; }
#resume-builder-nav .on { color: #4f89c3; }

#budget-builder-nav img { float: left; }
#budget-builder-nav .divider { float: left; background: none; }
#budget-builder-nav .item { float: left; padding: 4px 1px 6px 5px; cursor:pointer; font-weight: bold; color: #333; }
#budget-builder-nav .item:hover { color: #fc6500; text-decoration: none; }
#budget-builder-nav .on { color: #fc6500; }

#resume-preview { border: solid 1px #4f89c3; padding: 5px; width: 300px; height: 300px; overflow: auto; font-size: 85%; }
#resume-preview h1 { padding: 10px 0; }
#resume-preview #name { font-size:110%; font-weight: bold;}
#resume-preview #name, #resume-preview #address { text-align:center; }
#resume-preview #address { padding-bottom:15px; }
#resume-preview #course-container { padding-left: 30px; }
#resume-preview #course { float:left; text-align:left; width: 95px; }

#resume-preview ul { list-style-type: disc;  margin: 0; padding: 0 0 0 15px; }
#resume-preview ul li { margin: 0; padding: 0; background: none; }

#mentor-steps td { padding: 5px; }
#mentor-steps .red { color: #a70122; font-weight: bold; }
#mentor-steps .numbers { font-size: 180%; color: #a70122; font-weight: bold; padding-right: 5px;  }

#mentor-random { width: 570px; height: 160px; }
#mentor-random #mentor-random-content { padding: 0px 15px; margin: auto; text-align:center;}
#mentor-random #mentor-random-content div { padding: 5px; width: 110px; }
#mentor-random #left, #mentor-random #right { margin-top: 15px; }

.mentor-result .pic { float: left; }
.mentor-result table { width: 350px; float: left; margin-bottom: 10px; }
.mentor-result table td { padding: 1px; }
.mentor-result th { color: #999; font-weight: normal; padding-right: 10px; width: 50px; }
#searchresults .line { border-bottom: solid 1px #e0e0e0; }
.mentor-result .mentorpicture-container { margin-right: 10px; }
.mentorpicture-container { float:left;
									height: auto; 
									background-image: url(../images/fading_corners.jpg);
									background-position: right bottom;
									background-repeat: no-repeat;
									padding: 0 2px 2px 0;
}

#mentor-home {clear:both; display:block;  padding: 25px 0 0 0; margin-right:2px; width:200px;}
.mentor-container .hr { border-bottom: solid 1px #a6a6a6; margin: 2px 0 15px 0; width:90%; height:0px;}
.mentor-container{padding: 10px 0 0 0;}
.mentor-container #mentor-info {float:left; width:115px; padding: 0 0 0 5px; font-size:11px;}
.mentor-container #mentor-info .name {font-weight:bold; font-size:12px;}
.mentor-container #mentor-info .info {font-size:11px; padding: 5px 0 0 0;}
.mentor-question{padding: 10px 0 0 0;}
#mentor-close { border-bottom: solid 1px #a6a6a6; margin: 0 0 10px 0; width:90%; height:10px;}
#mentor-link a{ font-weight: bold; color:#4295c0; float:right; padding: 0 10px 0 0; width:159px;}

#mentor-articles { width: 250px; position: absolute; top: 20px; left: 580px; }

#mentorForm { float: left; width: 500px; }
#mentorForm textarea { width: 450px; height: 100px; }
#mentorForm input { width: 220px; }
#mentorForm .submit { width: auto; }

#messages { padding-top: 20px; width: 750px; }
#messages .msg { border: solid 1px #aaa; width: 100%; padding: 5px; height:20px; cursor: pointer; background-color: #323b46; color: White;}
#messages .msg:hover {  }

#messages .msg0-subject { border: solid 1px #333; width: 100%; padding: 5px; height:20px; background-color: #323b46; color: White; font-weight: bold;}
#messages #subject0 { width: 505px; } 

#messages .msg .name { float: left; }
#messages .msg .notification { float: left; padding-right: 20px; padding-top: 3px; width: 125px; font-size: 80%; color: Red; }
#messages .msg .subject { float: left; padding-right: 20px; font-weight: bold; }
#messages .msg .created { float: right; padding-left: 20px; font-weight: bold; font-size: 85%; }

#messages .reply { background-color: #f0f0f0; border: solid 1px #999; padding: 5px; width: 750px; }
#messages .mentor { background-color: #fadede; border-color: #ff9999; }
#messages .reply input { float: right; }
#messages .reply textarea { margin-bottom: 10px; }
#messages .reply .submit { float: none; }
#messages .reply .container { width: 100% }
#messages .reply .name { float: left; padding-right: 5px; width: 135px; }
#messages .reply .content { float: left; padding: 0px 10px; width: 470px; }
#messages .reply .created { float: right; font-size: 80%; }

#messages table { border-color: #333; }
#messages table th, #messages table td { padding: 5px; border-color: #333; }

#myresumes td { padding: 2px 10px; border: solid 1px #4f89c3; }
#myresumes td.name { min-width: 200px; font-weight: bold; }
#myresumes td.created { font-size: 85%; }
#myresumes .row0 { background-color: #f6f6f6; }
#myresumes .row1 { background-color: #e6ecf3; }

#mybudgets td { padding: 2px 10px; border: solid 1px #ff6600; }
#mybudgets td.name { min-width: 200px; font-weight: bold; }
#mybudgets td.created { font-size: 85%; }
#mybudgets .row0 { background-color: #f6f6f6; }
#mybudgets .row1 { background-color: #fae6d9; }

#mymessages th { padding: 2px 10px; border: solid 1px #333; background-color: #aaa; }
#mymessages td { padding: 2px 10px; border: solid 1px #c10a2c; }
#mymessages td.subject { min-width: 300px; font-weight: bold; }
#mymessages td.created { font-size: 85%; }
#mymessages .row0 { background-color: #f6f6f6; }
#mymessages .row1 { background-color: #f3e3e3; }

#article-submit table td { padding: 5px; }
#article-submit .input { width: 400px; }
#article-submit textarea { height: 250px; }

/* Admin ---------------------------------*/

#menubar_title { color: #000; font-size: 120%; padding-bottom: 10px; font-weight: bold; }
#menubar { margin-bottom: 20px; padding: 0px 10px; background: url(../images/admin/menu_bg.jpg) repeat-x; height: 24px; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }
#menubar td { padding-left: 8px; padding-right: 8px; }
#menubar .menubar_enabled a { color: #444; font-weight: bold; text-decoration: none; }
#menubar .menubar_enabled a:hover { color: #000; font-weight: bold; text-decoration: underline; }
#menubar .menubar_disabled { color: #999; font-weight: bold; }

#adminform td { padding: 2px; vertical-align: top; }
#adminform { margin-bottom: 10px; }

.admintxt { width: 400px; }
.admintxtarea { width: 400px; height: 100px; }
.admintxtarea-large { width: 400px; height: 300px; }

.adminstats td, .adminstats th { padding: 0px 10px; }
.adminstats th { font-style: italic; }
.adminstats td.indent { padding-left: 20px; }