/* TESTING div, p, span, ul, a	{border: 1px dashed gray; }  */

/* --------------------------- CAREER BANK ------------------------------- */

/* EVERYTHING GOES IN div#bank TO PREVENT CONFLICTS */
* html div#bank			{position: absolute; left: -500px; width: 1000px; margin: 30px 0 0 0; padding: 10px; border: 1px solid #D9D9D9; background: #FFF; }
div#bank			{position: absolute; left: -490px; width: 980px; margin: 30px 0 0 0; padding: 10px; border: 1px solid #D9D9D9; background: #FFF; }

	div#bank div#header	{border-bottom: 1px solid #D6D6D6; margin-bottom: 10px; width: 950px; height: 50px; padding: 10px; font-size: 3em; } 
		div#bank div#header	img#wheel {position: absolute; right: 0px; top: 0px; } 

	div#bank div#main div#menu	{float: left; width: 120px; border: 0px solid blue; }

		div#bank table#menu a	{display: block; padding: 6px; text-decoration: none; }
		div#bank table#menu a.button			{background: #F9F9F9; }
		div#bank table#menu a.button:link 		{text-align: center; border-bottom: 1px solid #D6D6D6; }
		div#bank table#menu a.button:visited 	{text-align: center; border-bottom: 1px solid #D6D6D6; }
		div#bank table#menu a.button:hover 		{text-align: center; border-bottom: 1px solid #D6D6D6; background: #FFFFCC; }
		div#bank table#menu a.button:active 	{text-align: center; border-bottom: 1px solid #D6D6D6; }

	div#bank div#main div#content	{float: right; width: 850px; border: 0px solid red; }
		div#bank div#main div#content p {margin-bottom: 20px; line-height: 1.5em; }

	div#bank div#footer	{clear: both; text-align: center; }
		div#bank div#footer	table#menu td {text-align: center; padding-left: 10px; padding-right: 10px; font-size: 11px; }




/* --------------------------- CAREER PROJECT ------------------------------- */

/* GLOBAL */
body 				{font-family: Georgia, arial, sans-serif; font-size: 14px; background: #FFF; margin: 0px; padding: 0px; }
.hide				{display: none; }
img					{border: 0px; }
div, p, span, td	{font-family: Georgia, arial, sans-serif; font-size: 13px; background: transparent; vertical-align: top; margin: 0px; padding: 0px; }

* html div#cpx		{position: absolute; width: 1px; height: 1px; margin-left: 50%; margin-top: 0px; }
div#cpx				{position: absolute; width: 1px; height: 1px; margin-left: 50%; margin-top: -14px; }
* html div#body			{position: absolute; left: -400px; width: 800px; margin: 30px 0 0 0; padding: 10px; border: 1px solid #D9D9D9; }
div#body			{position: absolute; left: -390px; width: 780px; margin: 30px 0 0 0; padding: 10px; border: 1px solid #D9D9D9; }
div#body1			{position: absolute; left: -390px; width: 780px; margin: 30px 0 0 0; padding: 10px; border: 0px solid #D9D9D9; }
* html div#bodyAdmin{position: absolute; left: 0px; width: 96%; margin: 0; padding: 10px; border: 1px solid #D9D9D9; }
div#bodyAdmin		{position: absolute; left: 0px; width: 96%; margin: 0; padding: 10px; border: 1px solid #D9D9D9; }

.error				{padding: 4px; color: #FFFFFF; background-color: #CC0033; text-align: center; display: block; }
.success			{padding: 4px; color: #FFFFFF; background-color: #648F3E; text-align: center; display: block; }


/* SIZES & COLORS */
.f24					{font-size: 24px; }
.f18					{font-size: 18px; }
.f16					{font-size: 16px; }
.f14					{font-size: 14px; }
.f13					{font-size: 13px; }
.f12					{font-size: 12px; }
.f11					{font-size: 11px; }
.f10					{font-size: 10px; }
.f09					{font-size: 9px; }
.f08					{font-size: 8px; }

.fV						{font-family: Verdana; }
.fG						{font-family: Georgia; }

.b						{font-weight: bold; }
.i						{font-style: italic; }
.u						{text-decoration: underline; }

.blk					{color: black; }
.ylw					{color: yellow; }
.grn					{color: green; }
.blu					{color: blue; }
.brn					{color: brown; }
.red					{color: red; }
.rng					{color: orange; }
.prp					{color: purple; }
.pnk					{color: pink; }
.smk					{color: #505050; }

.bg_smk					{background-color: #F9F9F9; }

/* PADDING & MARGIN */
.pad0	{padding: 0px; }
.pad3	{padding: 3px; }
.pad6	{padding: 6px; }
.pad10	{padding: 10px; }

.marg0	{margin: 0px; }
.marg3	{margin: 3px; }
.marg6	{margin: 6px; }
.marg10	{margin: 10px; }

.padChildTD3 td	{padding: 3px; }



/* LINKS */
a:link				{color: navy; text-decoration: none; }
a:visited			{color: navy; text-decoration: none; }
a:hover				{color: black; text-decoration: underline; }
a:active			{color: navy; text-decoration: none; }


/* PAGE PARTS */
div#header			{height: 150px; width: 800px; }
	div#header img#logo			{position: absolute; left: 0px; top: 16px; }

div#content			{position: relative; margin: 0px; padding: 0px; }

	div#content table	{border-collapse: collapse; margin: 0px; padding: 0px; }
	
div#footer	{color: #505050; font-size: .8em; text-align: center; margin-top: 40px; }
	div#footer a	{color: #505050; font-weight: normal; }


div.instructions	{padding: 4px; margin: 0 0 20px 0; background: #FFFFCC; border: 1px solid #D9D9D9; line-height: 1.6em; text-align: left; }

table.form		{margin-left: 20px; width: 650px; }
	table.form td {padding: 10px; color: #505050; }
	table.form td.right {text-align: right; }
	table.form td.header {font-weight: bold; }

	table.form li	{list-style-type: circle; color: #505050; }
* html div.column {width: 700px; text-align: center; margin-left: 50px; margin-top: 30px;  border: 0px solid black; }
div.column {width: 700px; text-align: center; margin-left: 40px; margin-top: 30px;  border: 0px solid black; }


* html table.toolbar	{width: 700px; text-align: center; border-collapse: collapse; margin-bottom: 20px; }
table.toolbar	{width: 700px; text-align: center; border-collapse: collapse; margin-bottom: 20px; }
	table.toolbar td {text-align: center; padding: 0px; }
	table.toolbar a	{display: block; padding: 4px; text-decoration: none; }
	
	table.toolbar a.section			{background: #F9F9F9; }
	table.toolbar a.section:link 	{text-align: center; border-bottom: 3px solid #D6D6D6; }
	table.toolbar a.section:visited {text-align: center; border-bottom: 3px solid #D6D6D6; }
	table.toolbar a.section:hover 	{text-align: center; border-bottom: 3px solid #D6D6D6; background: #E5E5E5; }
	table.toolbar a.section:active 	{text-align: center; border-bottom: 3px solid #D6D6D6; }

	table.toolbar a.selected		{background: #FFF; }
	table.toolbar a.selected:link 	{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table.toolbar a.selected:visited{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table.toolbar a.selected:hover 	{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table.toolbar a.selected:active {text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }


table#summary	{width: 450px; text-align: center; border-collapse: collapse; margin-bottom: 20px; }
	table#summary td {text-align: center; padding: 0px; }
	table#summary a	{display: block; padding: 4px; text-decoration: none; }
	
	table#summary a.section			{background: #F9F9F9; }
	table#summary a.section:link 	{text-align: center; border-bottom: 3px solid #D6D6D6; }
	table#summary a.section:visited {text-align: center; border-bottom: 3px solid #D6D6D6; }
	table#summary a.section:hover 	{text-align: center; border-bottom: 3px solid #D6D6D6; background: #E5E5E5; }
	table#summary a.section:active 	{text-align: center; border-bottom: 3px solid #D6D6D6; }

	table#summary a.selected		{background: #FFF; }
	table#summary a.selected:link 	{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table#summary a.selected:visited{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table#summary a.selected:hover 	{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table#summary a.selected:active {text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }


/* HOME */
div#welcome {width: 500px; text-align: center; margin-left: 150px; margin-top: 30px;  border: 0px solid black; }
	div#welcome p {text-align: left; margin: 10px 0 10px 0; line-height: 1.6em; }

div#register {width: 500px; text-align: left; margin: 30px 0 20px 150px; border: 1px solid #D9D9D9; background: #F9F9F9; }
	div#register table {border-collapse: collapse; }
		div#register td {padding: 5px; }
		
table.login	{margin-left: 20px; }
	table.login td.header {font-weight: bold; }
	
div.release_form {padding: 4px; background: #FFFFCC; border: 1px solid #D9D9D9; }


/* CONVERSATIONS */
	table.conversation	{}
		table.conversation	td.username				{vertical-align: top; font-weight: bold; padding-right: 8px; padding-bottom: 4px; padding-top: 3px; }
		table.conversation  .timestamp 				{vertical-align: top; padding-right: 8px; padding-bottom: 4px; padding-top: 3px; color: #AAA; font-size: .9em; }		
		table.conversation	tr.user	td.username		{color: red; text-align: left; vertical-align: top; }
		table.conversation	tr.student	td.username	{color: blue; text-align: left; vertical-align: top; }
		table.conversation	td.comment				{vertical-align: top; color: black; padding-bottom: 4px; padding-top: 4px; text-align: left; } 



/* ADMIN - RESPONSES */
table.responses	{width: 700px; }
	table.responses	td {padding: 2px 10px 2px 10px; font-size: 11px; text-align: left; }
	table.responses	td p {font-size: 11px; border-bottom: 1px solid #D6D6D6; margin-top: 10px; margin-bottom: 3px; }
	table.responses	td p.response {font-size: 12px; }
	table.responses	td.header {font-weight: bold; }

	table.responses a.section			{background: #F9F9F9; }
	table.responses a.section:link 	{text-align: center; border-bottom: 3px solid #D6D6D6; }
	table.responses a.section:visited {text-align: center; border-bottom: 3px solid #D6D6D6; }
	table.responses a.section:hover 	{text-align: center; border-bottom: 3px solid #D6D6D6; background: #E5E5E5; }
	table.responses a.section:active 	{text-align: center; border-bottom: 3px solid #D6D6D6; }

	table.responses a.selected		{background: #FFF; }
	table.responses a.selected:link 	{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table.responses a.selected:visited{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table.responses a.selected:hover 	{text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }
	table.responses a.selected:active {text-align: center; border-left: 3px solid #D6D6D6; border-top: 3px solid #D6D6D6; border-right: 3px solid #D6D6D6; }


.fresh	{font-weight: bold; }

	
/* STYLE */
p.title		{font-size: 2.4em; margin: 0px; padding: 0px; text-align: center; }
p.subtitle	{font-size: 1.6em; margin: 0px; padding: 0px; text-align: center; }
p.body		{font-size: .9em; }
.area		{width: 100%; height: 100px; }
.area50		{width: 100%; height: 50px; }
.tb			{width: 100%; }
.gridview	td {font-size: 11px; font-family: Verdana; padding: 2px; }
.alert {
  background:#FFF6BF url('<? echo $baseurl; ?>images/exclamation.png') no-repeat scroll 15px 50%;
  border-bottom:2px solid #FFD324;
  border-top:2px solid #FFD324;
  padding:5px 20px 5px 45px;
  text-align:left;
  font-family:Arial, Tahoma, Helvetica, sans-serif;
  font-size:10pt;
}