/*-----------------------------------------------
			NETWORK AND GROW CSS
-----------------------------------------------*/

h1, h2, h3, h4, h5, h6, caption, legend {font-family: "Lucida Sans", Arial, Verdana, sans-serif; color: #d31c5c;}
a {color: #d31c5c;}
a img {border: 0;}

.off-screen { position:absolute; top:-9999em; left:-9999em; }
body {background-color: #FFFFFF; color: #333333; background-image:url(../images/body_tile.jpg); background-repeat:repeat-x; background-position:top; margin:0; }
#container { width:1024px; margin:0 auto; }

/*		 			BACKGROUNDS
-----------------------------------------------*/
#header_bg { background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; height:154px; }
#header {position: relative; background-image: url(../images/header_img.jpg); height:150px; width:950px; margin:0 5px; text-align: right;}
#header_container { padding-top:4px; }
#navbar_bg { background-image:url(../images/content_tile.jpg); background-repeat:repeat-y; }
#main_bg { background-image:url(../images/content_tile.jpg); background-repeat:repeat-y; }
#footer_bg { background-image:url(../images/footer_bg.jpg); background-repeat:no-repeat; min-height: 42px;}

/*		 			HEADER
-----------------------------------------------*/
#header h1.logo 	{position: absolute; top: -999em; left: -999em; margin: 0; padding: 0; font-size: 40px; color: #fff;}
#header h1.logo a 	{color: #fff; text-decoration: none;}
#header h1.slogan 	{position: absolute; top: 65px; right: 25px; margin: 0; padding: 0; font-size: 22px; font-weight: normal; color: #fff;}
#header p.tel-no  	{position: absolute; top: 15px; right: 25px; margin: 0; padding: 0; font-size: 24px; font-weight: normal; text-transform: lowercase; color: #fff;}
#header abbr 		{border: 0;}

/*		 			TOP BAR
-----------------------------------------------*/

#top  			{background: url(../images/stock_bg.gif) 50% 50% no-repeat; height: 162px; margin: 0;}
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6 {margin: 0; padding: 5px 0 0 0; line-height: normal;}
#top h1 		{padding-top: 22px; font-size: 20px; color: #d31c5c;}
#top h2 		{font-size: 18px;}
#top p 			{margin: 5px auto 0 auto; line-height: normal;}

#topLeft 		{background: url(../images/stock-left-default.jpg) 10px 0 no-repeat; height: 162px; padding: 0 0 0 198px;}
#topLeft p 		{font-size: 16px;}
#topRight 		{background: url(../images/stock-right-default.gif) 100% 0 no-repeat; height: 162px; padding: 0 10px 0 20px; color: #d31c5c;}

/*		 		  NAVIGATION
-----------------------------------------------*/

#nav { height: 20px; padding: 10px 0px 10px 10px; }
#nav ul { list-style-type: none; display: block; margin:0; padding:0; }
#nav ul li { display:inline; margin:0; }
#nav ul li a { color:#414141; font-size:14px; color:#d31c5c; font-weight:bold; padding: 5px 10px 5px 10px; text-decoration:none; }		
#nav ul li a:hover, #nav ul li.current a { background-color: #d31c5c; color: #FFFFFF; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px 5px 10px; text-decoration: none; }
#nav ul li.current li a {background-color: #fff; color: #d31c5c; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul {position: absolute; top: -999em; left: -999em;}
#nav ul li ul li {  }
#nav ul li ul li a {  }

#nav ul li.nav-secure a {background-image: url(/content/templates/default/networkg/images/nav-lock.gif); background-position: 6px 0px; background-repeat: repeat-y; padding-left: 26px;}
#nav ul li.nav-secure a:hover, #nav ul li.current a {background-position: 6px -26px;}
/*#nav ul li.current a:hover {background-position: 6px 0px;}*/

/*		 		MAIN CONTENT
-----------------------------------------------*/

#middle 	{background: url(../images/middle_bg.gif) 50% 50% repeat-y; margin: 15px 0 0 0;}
.column-1-grid-12 #middle {background-image: none}
#main 		{padding: 5px 0 0 20px;}
#main h1, #main legend {margin: 0 auto 10px auto; color: #d31c5c; font-size: 24px; font-weight: bold}
#main h2 	{font-size: 18px; color: #d31c5c;}
#main h3 	{font-size: 16px;}
#main p, #main ul {color: #333; /*font-size: 12px;*/}
#main a 	{color: #d31c5c; }

#main h1, #main h2, #main p, #main ul { margin-top:0px; margin-bottom:10px; }

#colRight 		{margin: 5px 0 0 10px; padding: 10px 0 0 10px; /*margin-right: -10px; height: 150px;*/}
#colRight h1 	{margin: 0 auto 10px auto; font-size: 20px;}

#lower 			{margin: 15px 0 0 0; border-top: 1px dotted #ddd;}
#lowerLeft 		{margin: 10px 0 0 20px;}
#lowerRight 	{margin: 10px 20px 0 0; text-align: right;}

/*		 			FOOTER
-----------------------------------------------*/

#footer {padding: 0 0 20px 0; font-size: 11px; color: #333;}
#footer a:link, #footer a:visited {color: #333; text-decoration: none;}
#footer a:hover, #footer a:focus, #footer a:active {text-decoration: none; color: #d31c5c;}

#footerLeft {padding: 30px 0 0 20px;}
#footerLeft ul {margin: 0; padding: 0px; list-style-type: none;}
#footerLeft li {float: left; margin-right: 15px;}

#footerRight {font-size: 9px; color: #333; padding: 30px 20px 0 0; text-align: right;}
#footerRight img {padding: 0 0 0 5px;}

/*		 	OVERRIDE EXT STYLES
-----------------------------------------------*/
table {margin-bottom: 0;}

a.button {display: block; overflow: hidden; vertical-align: middle; text-align: center;}
a.button span {position: absolute; top: -999em; left: -999em;}

a.button-survey {width: 260px; height: 33px; line-height: 33px; background: #d31c5c url(../images/button-survey.gif) 0 0 no-repeat; color: #fff;}
a.button-survey:hover {background: #d31c5c url(../images/button-survey.gif) 0 -33px no-repeat;}

img.left {float: left; margin: 0 20px 20px 0;}
img.right {float: right; margin: 0 0 20px 20px;}
img.left, img.right {border: 1px solid #dddddd;}

.large, .larger {font-size: larger;}
.staff-title {font-weight: bold; font-style: italic;}
.note, .notice {background: #ffe; border: 1px solid #ddd; margin: 10px auto 0 auto; padding: 6px 3px;}
#main .note h1, #main .notice h1,
#main .note h2, #main .notice h2 {color: #333;}
.note p, .notice p {margin: 0 6px 6px 6px;}
.icon-twitter 	{background: url(../images/twiticon.png) 3px 3px no-repeat; padding-left: 28px;}

.event-details 						{background: url(../images/icon-calendar-event.gif) 0px 0px no-repeat; padding-left: 20px;}
.event-preview 						{padding-bottom: 10px;}
.event-preview h2 					{margin-bottom: 2px !important; padding-bottom: 0; background: url(../images/icon-calendar-event.gif) 0px 0px no-repeat; padding-left: 20px; font-size: 12px !important;}
.event-preview h2 a 				{text-decoration: none;}
.event-date 						{font-weight: bold;}
.event-title 						{}
.event-preview h2 a .event-date 	{}	
.event-preview h2 a .event-title 	{color: #333 !important;}
.event-extra 						{margin-left: 20px;}
.event-start-time, .event-end-time 	{}
.event-start-time 					{}
.event-end-time 					{}
.event-location 					{color: #666;}

/* Events Enquiry form
----------------------------------------------- */

#BookingForm { font-size:12px; }
#BookingForm fieldset { border-color:#D31C5C; border-style:solid none none; border-width:1px 0 0; padding-top:10px; }
#BookingForm legend { color:#333333; font-size:16px; padding-right:10px; }

#BookingForm div label { clear:left; float:left; padding-bottom:10px; width:250px; }
#BookingForm div input, #BookingForm div select, #BookingForm div textarea { clear:right; float:left; }
#BookingForm div label.required { font-weight:bold; }
#BookingForm div label.optional {  }
#BookingForm div p.hint { clear:both; float:none; font-style:italic; }
#BookingForm #submit {margin-bottom: 10px; padding: 5px 10px 5px 10px; border: 0; background-color: #d31c5c; color: #FFFFFF; -moz-border-radius: 5px;}

/* Twitter Feed
------------------------------ */
#twitter_div_div					{}
#twitter_div						{}
#twitter_div h2.sidebar-title		{margin-bottom: 13px;}
ul#twitter_update_list				{margin: 0; padding: 0; list-style-type: none; font-size: 85%;}
ul#twitter_update_list li 			{margin-bottom: 2px; padding: 0px 10px 5px 10px; border-bottom: 1px solid #eee; background: #f7f7f7 url(../images/twiticon.gif) 8px -2px no-repeat; text-indent: 15px;}
ul#twitter_update_list li p 		{margin-bottom: 0;}
ul#twitter_update_list li:hover 	{border-color: #D31C5C;}
ul#twitter_update_list li span		{}
ul#twitter_update_list li span a 	{text-decoration: none;}
ul#twitter_update_list li a			{}

#followUs {margin-top: 8px;}

/* Pagination
------------------------------ */
.pagination-results 	{margin: 20px auto 10px auto; text-align: center;}
.pagination-summary 	{font-size: 10px;}
.pagination-options 	{margin: 5px 0 0 0; font-size: 11px;}

.pagination-summary .current-page 	{}
.pagination-summary .total-pages 	{}

.pagination-results a 					{text-decoration: none;}
.pagination-results ul.pages 			{display: inline; margin: 0 auto; padding: 0; list-style-type: none;}
.pagination-results ul.pages li 		{display: inline; padding: 0;}
.pagination-results ul.pages li a 		{margin: 0 2px; padding: 2px 6px 2px 9px; border: solid 1px #ccc; background: #eee; color: #D31C5C;}
.pagination-results ul.pages a:hover 	{background: #f6d2de; color: #D31C5C;}
.pagination-results ul.pages a:focus 	{background: #f6d2de; color: #D31C5C;}
.pagination-results ul.pages a.current 	{border-color: #999; background: #D31C5C; color: #fff !important; font-weight: bolder;}

.pagination-results .next a, .pagination-results .previous a 				{padding: 2px 6px; border: 1px solid #ccc; background: #eee; color: #666;}
.pagination-results .next a:hover, .pagination-results .previous a:hover 	{background: #f6d2de; color: #444;}
.pagination-results .next a:focus, .pagination-results .previous a:focus 	{background: #f6d2de; color: #222;}
.pagination-results .next a 												{margin-left: 4px;}
.pagination-results .previous a 											{margin-right: 0;}
.pagination-results .disabled 												{margin: 0 2px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #ccc;}


/* Assessments
------------------------------ */
/* Report colours
Red     = #de1414 (#c71212)
Orange  = #d86000 {#c25600}
Green   = #b9ca00 {#a6b500}
L. Grey = #cccccc (#b7b7b7)
D. Grey = #999999 (#898989)
*/
.assHeader  {}
.assForm    {}
.assFooter  {}
.assForm span.invalid {color: #cc0000}

.questionRow        {margin: 0 auto 20px auto}
.questionRow label  {}
.questionNumber     {float: left; width: 42px; margin: 0 20px 0 0; font-family: "Lucida Sans", Arial, Verdana, sans-serif; text-align: right; color: #d31c5c}
.questionSet        {float: left; width: 850px}

.textShort label,
.textLong label     {clear:left; float:left; width:250px}

.radioYesNo         {}
.radioYesNo label   {padding-bottom: 5px; clear: right}

.radioV             {}
.radioVRow          {}
.radioVRow label    {margin-left: 105px; padding-bottom:5px; clear: right}

.radioH              {}
.radioHRow           {padding: 0 0 10px 100px}
.radioHRow label     {margin: 0 20px 0 5px; width: auto}

/* Types */
.textDescription    {}
.textShort          {}

.questionButtons                 {}
.questionButtons label           {clear:left; float:left; width:250px;}
.questionButtons input.submit    {border: 0; background-color: #d31c5c; color: #FFFFFF; -moz-border-radius: 5px; padding: 5px 10px 5px 10px;}

.reportPageScore,
.reportPageTitle,
.reportPageTotal    {display: inline; float: left; margin-left: 10px; margin-right: 10px;}

/* Report */
.reportPageResult   {margin-top: 10px;}
.reportPageTitle    {}
.reportPageTitle h1 {margin: 0 !important;}
.reportDetails      {color: #555555;}
.reportScore        {}
.reportScorePercent {width: 48px; line-height: 22px; height: 22px; background: #cccccc; color: #ffffff; -moz-border-radius: 5px; padding: 3px 8px 3px 8px; font-size: 18px; text-align: right;}
.reportPageTotal    {line-height: 30px; font-size: 12px;}
.reportPageTotal p  {padding: 0px 8px; line-height: 27px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eeeeee; color: #808080 !important;}
.reportPageTotal p strong {}
.questionFeedback   {margin: 10px 20px;}
.questionFeedback dl {}
.questionFeedback dt {}
.questionFeedback dd {}
.reportSummary      {margin: 0 auto 20px auto; border-left: 10px solid #cccccc}
.reportSummaryInner {background: #f0f0f0; color: #333333; border: 1px solid #dddddd; -moz-border-radius: 0 5px 5px 0; padding: 3px 6px 3px 6px}
.feedbackIconCol, .feedbackTextCol {float: left; margin: 5px 10px}
.feedbackIconCol    {width: 16px}
.feedbackTextCol    {margin-top: 2px; margin-left: 0; width: 760px}

.feedbackIcon         {display: block; width: 16px; height: 16px; background: url(/content/images/icons/status-offline.png) 0 0 no-repeat;} /* DEL - default for proofing */
.feedbackHigh         {background: url(/content/images/icons/tick-circle.png) 0 0 no-repeat;}
.feedbackMedium       {background: url(/content/images/icons/exclamation-octagon.png) 0 0 no-repeat;}
.feedbackLow          {background: url(/content/images/icons/cross-circle.png) 0 0 no-repeat;}

.report-header  {margin-bottom: 20px;}
.report-overall-summary {padding: 20px; border: 1px solid #cccccc; -moz-border-radius: 10px; border-radius: 10px;}

.overall-left,
.overall-right     {display: inline; float: left; margin-left: 10px; margin-right: 10px;}

.overall-left {width: 700px;}
.overall-title {}
.overall-title .report-title {}
.overall-details {}
.overall-feedback {font-size: 14px;}

.overall-right {width: 134px;}
.overall-score-box {padding: 3px 6px 3px 6px; height: 60px; line-height: 60px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-size: 28px; color: #ffffff; text-align: center;}
.overall-percent {-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #ffffff; border: 1px solid #bbbbbb; padding: 3px; overflow: hidden;}
.overall-percent-bar {-moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; height: 20px; line-height: 20px; padding: 3px 0; text-align: right; background-color: #cccccc; border-bottom: 5px solid #b7b7b7; color: #ffffff;}
.overall-percent-bar span {padding-right: 3px; font-weight: bold;}

.report-footer        {margin-top: 20px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; border-top: 1px solid #ccc; background-color: #eeeeee; padding: 10px 20px;}

.button-retake         {width: 140px; border: 0; background-color: #d31c5c; color: #FFFFFF; -moz-border-radius: 5px; padding: 5px 10px 5px 10px; text-align: center;}
.button-retake a       {display: block; color: #ffffff !important; font-weight: bold; text-decoration: none;}

/* Login - Main column
-------------------- */
.login-form 			{}
.cmstone-login-form 	{}

.login-form fieldset 	{margin: 0; padding: 0; border: 0;}
.login-form legend 		{}
.login-form label 		{font-size: 18px; color: #db398a;}
.login-form input 		{font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;}
.login-form input.text 	{padding: 6px; border: 1px double #ccc; color: #666;}
.login-form input.text:focus {background-color: #ffd; border-color: #aaa;}
.login-form .form-row 	{margin: 2px 0 8px 0; padding: 0 0 0 10px;}

.login-form-legend 		{}
.login-form-label 		{float: left; width: 100px; padding: 12px 12px 0 0; text-transform: lowercase; text-align: right;}
.login-form-input 		{}
.login-form-username    	{width: 300px;}
.login-form-password            {width: 200px;}
.login-form-submit 		{width: 96px;}

.login-form-submit 		{padding: 5px 0; background: #ddd; border: 1px solid #ccc; color: #666; text-align: center; font-size: 14px;}

.offset {position: relative; top: -999em; left: -999em;}
.box-secure {padding: 20px; border: 1px solid #cccccc; -moz-border-radius: 10px; border-radius: 10px;}
.box-secure h2 {line-height: 26px; background: url(/content/templates/default/networkg/images/nav-lock.gif) 0px 0px repeat-y; padding-left: 22px}