/* stylesheet fr formatting in Success Mag website

	colours:
	
		dark blue: #305176
		light grey: #F4F4F4
*/

/*---header----*/
#header {padding:15px 0 0 0;margin:0;}
.logo {margin:8px 0 0 0;padding:0 0 0 15px;float:left;width:400px;}
.banner {margin:4px 15px 0 0;padding:1px 0;float:right;}
p.strap {font-weight:bold;margin:0;padding-bottom:3px;font-size:1em;}
#actionBar {margin:5px 0 0 0;padding:1px 10px;background: #AB1219;color:#FFF;text-align:right;font-size:.8em;}
#actionBar input {border:1px solid #6D6F71;border-bottom:1px solid #CCC;border-right:1px solid #CCC;}
#actionBar label {font-weight:bold;}
#actionBar a {color:#FFF;}

/*----nav----*/
#navigation {font-size:.8em; font-weight:bold;padding:0;margin:0;}
#navigation ul {margin:0;padding:0;}
#navigation ul ul {margin:0;padding:0;}
#navigation li {margin:0;padding:0 0 10px 0;list-style:none;font-weight:bold;}
#navigation li li {padding-bottom:5px;}
#navigation a {text-decoration:none;margin:0;padding:1px 0 2px 10px;color:#6D6F71;display:block;background:url(../_images/arrow.gif) no-repeat top left;}
#navigation a:hover, #navigation a.active {color:#fff;background:#305176 url(../_images/arrow_white2.gif) no-repeat top left;}
#navigation ul ul a {background:none;font-weight:normal;}

/*--- main page content ---*/
#centerWrapper {font-size:.8em;}


#crumbtrail {list-style:none;margin:0;padding:0;}
#crumbtrail li {padding:0 .3em 0 1.5em;background:url(../_images/crumbs.gif) no-repeat left center;display:inline;}

/* search and page lists */
.resultList p, .resultList h3 {margin:0;font-weight:normal;}
.resultList p {font-stye:italic;}

/* feature display */
#featureImage {float:right;text-align:center;width:200px;border:1px solid #f8f8f8;border-top:2px solid #ebecec;border-left:2px solid #ebecec;padding:5px;margin:10px 5px 5px;background: url(../_images/gradient.gif) repeat-x top left;}
#featureImage img {width:200px;float:right;}
#featureImageLeft {float:left;text-align:center;width:190px;height:160px;border:1px solid #f8f8f8;border-top:2px solid #ebecec;border-left:2px solid #ebecec;padding:5px;margin:10px 5px 5px;background: url(../_images/gradient.gif) repeat-x top left;}

/* feature list display */
#featuresList {margin:10px;}
#featuresList .left{float:left;width:48%;padding-right:2%;}
#featuresList .right{float:right;width:48%;padding-left:2%;}
#featuresList h3, #featuresList p{margin:0;}
#featuresList h3 {font-size:1em;} 
#featuresList .listItem {padding-left:25px;background:url(../_images/arrow_round.gif) no-repeat top left;border-bottom:1px dashed #6D6F71;margin-bottom:1em;padding-bottom:.3em;}

#feature {float:left;padding:5px; margin:2px;background: url(../_images/gradient3.gif) repeat-x top left;border:1px solid #ebecec;border-top:3px solid #ebecec;}
.feature h2 a.head {}
#featureText {float:left;}


/*a, a:visited {text-decoration:underline;color:#00F;}*/


/*--content---*/
img.content {border:1px solid #CCC;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:2px;margin:5px 5px 5px 0;}
.caption {float:left;font-weight:bold;margin:0;padding:0 0 5px 0;}

#freshFaces {margin:25px 5px 35px 0;padding:5px;border:1px solid #ebecec;border-top:3px solid #ebecec;background: url(../_images/gradient3.gif) repeat-x top left;font-size:.8em;}
#freshFaces img {border:1px solid #ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:1px;}
#freshFaces img.icon {border:none;vertical-align:middle;}
#freshFaces h3 {padding-top:18px;background:url(../_images/cardhole.gif) no-repeat top center;color:#305176;}
#freshFaces p {padding:5px 0 0 0; margin:0;}
#freshFaces a:link {}

.skyscraper {margin:0 0 35px 0;padding:0 7px 0 0;border-right:1px dashed #AB1219;width:135px;}
.skyscraper img {border:1px solid #333;border-right:1px solid #CCC;border-bottom:1px solid #CCC;padding:1px;}


ul.list {width:148px;margin:0;padding:2px;list-style:none;}
ul.list li {padding:3px 0 7px 23px;background:url(../_images/arrow_corner.gif) no-repeat top left;}


/* forms */
fieldset {border:none;padding:0;margin:20px 0;}
fieldset h3 {margin:10px 0;}
.formField, .formFieldRequired {margin:10px 0;}
.formField label, .formField span {font-weight:bold;}
.formFieldRequired label {color:#AB1219;font-weight:bold;}
.formFieldRequired input.text {border:1px solid #AB1219;}
.formFieldRequired input.text, .formField input.text{width:95%;}
fieldset.twoColumn .left{float:left;width:42%;margin-right:1%;background:#EEE;padding:1%;height:20em;}
fieldset.twoColumn .right{float:left;width:48%;margin-left:1%;background:#EEE;padding:1%;height:28em;}

/*--- right hand content ---*/	
.quote {margin:20px 0 0 0;border:1px dashed #AB1219;background: url(../_images/gradient3.gif) repeat-x top;}
#rightCol blockquote {padding:0 10px;margin:0;font-size:.8em;font-weight:bold;color:#AB1219;line-height:30px;text-align:left;background:url(../_images/newquote.gif) no-repeat top left;}
#rightCol blockquote p {margin:0;padding:5px;}
cite {float:right;text-align:right;padding-top:5px;}


/*--- Galleon forum styling ---*/
#forumHeader {border-bottom:10px solid #305176;padding-bottom:10px;}
#forumTitle {float:left;width:58%;}
#forumActions {float:right;width:40%;}
#forum thead tr {background:#F4F4F4; width:100%; *width:97%}


/*--- adverts panel ---*/
#skyscraperAds {width:124px;}
#skyscraperAds img{border:1px solid #EEE;width:122px;margin-bottom:10px;}