/* ====================================
    CSS STYLES FOR  mygo Informatics
    CREATED BY iNEK Technologies
	version: 1.0  
   ====================================
*/ 

/* HTML TAG STYLES */

BODY 
{
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 100%;
	COLOR:#666666;
	BACKGROUND-COLOR:#ffffff;
	PADDING:0px;
	MARGIN:0px;
}

h1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	COLOR:#636466;
	TEXT-ALIGN:left;
	MARGIN-TOP:0.8em;
	MARGIN-BOTTOM:0.9em;
}

h2
{
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	COLOR:#636363;
	MARGIN: 0px 0px 5px 0px;
}

h3
{
	FONT-FAMILY:Verdana;
	FONT-SIZE:12px;
	COLOR:#636363;
	MARGIN: 0px 0px 5px 0px;
}
h4 
{
	FONT-FAMILY:Verdana;
	FONT-SIZE:11px;
	FONT-STYLE: italic;
	COLOR:#636363;
}

a
{
    COLOR:Black;    
}

a:hover
{
    TEXT-DECORATION:none;
}

p 
{
	MARGIN-BOTTOM: 1.65em;
}
address
{ 
	FONT-STYLE: normal;
}

FORM
{
	MARGIN: 0px;
}

/***********************************************************************************/
/* PAGE CONTAINER */

#PageContainer
{
	WIDTH:980px;
	MARGIN:auto;
	TEXT-ALIGN: left;
}

/***********************************************************************************/
/* HEADER */

#Header
{
	WIDTH:980px;
	MARGIN:auto;
	HEIGHT:105px;
	MARGIN:auto;
	POSITION: relative;		
}

#Header a
{
    COLOR:Black;
	TEXT-DECORATION:none;

}

#Header a:hover
{
    TEXT-DECORATION:underline;
}

#Logo
{
	FLOAT:left;
	PADDING:3px 0px 1px 0px;
}

#Logo img 
{
	BORDER: 0px;
}

#TopLinks
{
	FONT-SIZE:10px;
	FLOAT:right;
	PADDING:5px 10px 0px 0px;
	MARGIN-TOP:5px;
}

.LogoArea
{
	WIDTH: 85px;
}

.CaptionArea
{
	VERTICAL-ALIGN: top;
	PADDING: 10px 15px 0px 0px;
	TEXT-ALIGN: right;
}


/***********************************************************************************/

form#frmCourseListingSearch {
	margin: 0px;
	padding: .75em;
	border: 1px solid #AAAAAA;
	background: #e0e0e0;
	margin-bottom: 2em;
	width: 96%;
}
/* TOP MAIN NAVIGATION LINKS */

.TopNavigationArea
{
	VERTICAL-ALIGN: bottom;
	TEXT-ALIGN: right;
	PADDING: 0px 0px 0px 0px;
}

#TopNavigation
{
	FONT-SIZE: 11px;
	FLOAT: right;
}

#TopNavigation ul#PrimaryNavigation
{
	FONT-WEIGHT:bold;
	COLOR:#6C6D6F;
	TEXT-ALIGN:right;
	DISPLAY:inline;
	TEXT-TRANSFORM: uppercase;
}

#PrimaryNavigation A
{
	TEXT-DECORATION:none;
	COLOR:#6C6D6F;
}

#PrimaryNavigation A:hover
{
	COLOR:#A5A2A5;
	TEXT-DECORATION:none;
}

#PrimaryNavigation li
{
	DISPLAY:inline;
	PADDING: 5px 16px 5px 10px;
    BACKGROUND-IMAGE:url(Images/bullet.gif);
	BACKGROUND-POSITION:right;
	BACKGROUND-REPEAT:no-repeat;	
}

#PrimaryNavigation  li.LastNavItem
{
	BACKGROUND-IMAGE: none;
}

/***********************************************************************************/
/*///////////////////////////////////////////////
/* ///////////    Footer Styles     /////////// *
///////////////////////////////////////////////*/

#PageFooter
{
	FONT-SIZE: 11px;
	COLOR: #666;
	BORDER-TOP: 1px solid #999; 
	PADDING: 5px 15px 5px 15px;; 
	TEXT-ALIGN: left; 
	WIDTH: 950px; 
}

#PageFooter #AddressWrap
{
	WIDTH: 940px;
	FLOAT: left;
}

#PageFooter #AddressWrap h4 
{ 
	FONT-STYLE: normal;
	COLOR: #666;
	MARGIN: 0px 0px 5px 0px;
}

#PageFooter #AddressWrap p

{
	MARGIN: 0px 0px 5px 0px;
}

#PageFooter #AddressWrap .DivisionList
{ 
	FLOAT: left;
	MARGIN: 0px;
	PADDING: 0px; 
	LIST-STYLE: none;
	LINE-HEIGHT: 1.75em;
}

#PageFooter #DivisionsWrap a 
{
	COLOR: #666;
	TEXT-DECORATION: none; 
} 

#PageFooter #DivisionsWrap a:hover 
{ 
	TEXT-DECORATION: underline;
	COLOR: #000; 
} 

#PageFooter #DivisionsWrap 
{ 
	WIDTH: 600px; 
	FLOAT: left; 
}

#PageFooter #DivisionsWrap h4 
{ 
	FONT-STYLE: normal;
	COLOR: #666;
}

#PageFooter .DivisionList
{ 
	FLOAT: left;
	MARGIN: 0px;
	PADDING: 0px; 
	LIST-STYLE: none;
	LINE-HEIGHT: 1.75em;
}

#PageFooter #SiteDivisionList-L 
{ 
	WIDTH: 235px; 
}

#PageFooter #SiteDivisionList-C 
{ 
	WIDTH: 235px; 
	MARGIN-LEFT: 5px; 
}

#PageFooter #SiteDivisionList-R
{
	MARGIN-LEFT: 5px; 
}

#BottomBorder
{
	FONT-FAMILY:Verdana;
	FONT-SIZE:10px;
	COLOR:#FFFFFF;	
	WIDTH:965px;
	HEIGHT:20px;
	BACKGROUND-COLOr:#53524d;
	MARGIN:auto;
	PADDING-LEFT:15px;
	PADDING-TOP:5px;
}

#FooterNav
{
	TEXT-ALIGN:right; 
	FLOAT:right; 
	MARGIN-RIGHT:12px;
}

#FooterNav a, #Copyright a 
{
	COLOR: #FFFFFF;
}

#Copyright
{
	FLOAT:left;
}

ul#SiteMap
{
    LIST-STYLE: none;
    MARGIN-LEFT: 0px;
    PADDING-LEFT: 0px;
}

#SiteMap ul
{
    LIST-STYLE: none;
}

/***********************************************************************************/
/*///////////////////////////////////////////////
///           Home Page Styles                ///
///////////////////////////////////////////////*/

/* HOME PAGE IMAGE AREA AND RIGHT TEXT STYLES */

#ImageAreaContainer
{
	WIDTH:980px;
	HEIGHT:237px;
	BACKGROUND:/*url(Images/hmJobs-bg.jpg) repeat-x top left*/ #838383;
	BORDER-TOP:1px solid black;
	BACKGROUND-COLOR:#838383;
}

#ImageArea
{
	HEIGHT:237px;
	WIDTH:822px;
	BACKGROUND:/*url(images/headerimage.jpg) no-repeat*/ #838383;
	FLOAT:left;
}

#Jobs
{
	FONT-FAMILY:Verdana;
	FONT-SIZE:10px;
	COLOR:white;
	WIDTH:156px;
	HEIGHT:237px;
	FLOAT:right;
	TEXT-ALIGN:left;
	
}

#Jobs ul
{
	MARGIN:0px;
	LIST-STYLE-POSITION:outside;
	PADDING:0px;
}

#Jobs li
{
	LIST-STYLE:none;
	MARGIN: 10px 0px 10px 10px;
}

#Jobs A
{
	COLOR:#FFFFFF;
	TEXT-DECORATION:none;
}

#Jobs A:hover
{
	COLOR:#FFFFFF;
	text-decoration:underline;
}

#HomeJobList
{
}

#HomeJobList a
{
	COLOR: #FFFFFF;
} 

.ListHead
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM:uppercase;
}

/************************************************/
/* HOME PAGE CONTENT STYLES */

#ContentArea
{
	FONT-SIZE:11px;
	FONT-FAMILY:Verdana;
	COLOR:#434343;
	LINE-HEIGHT:18px;
	WIDTH:980px;
	MARGIN:auto;
	PADDING: 0px 0px 10px 0px;
}

#hm-MainContent
{
	WIDTH:600px;
	FLOAT:left;
	PADDING: 20px 15px 0px 20px;
	TEXT-ALIGN: left;
	MARGIN: 0px 0px 10px 0px;
}

#hm-MainContent a
{
	COLOR:Black; 
}

#hm-MainContent a:hover
{
	TEXT-DECORATION: none;
}

#hm-Events 
{
	FONT-SIZE:10px;
	BACKGROUND-IMAGE:url(Images/middots.jpg);
	BACKGROUND-POSITION:left 50px;
	BACKGROUND-REPEAT:no-repeat;
	WIDTH:328px;
	FLOAT:right;
	TEXT-ALIGN: left;
	PADDING: 20px 12px 0px 0px;
}

#hm-Events a
{
	COLOR:#333333;
	TEXT-DECORATION:underline;
}

#hm-Events a:hover 
{
	TEXT-DECORATION:none;
}

#hm-Events ul
{
	MARGIN: 0px 0px 0px 20px;
	PADDING:0px;
	LIST-STYLE:none;
}

#hm-Events li 
{
	MARGIN: 0px 0px 3px 0px;
}

/***********************************************************************************/
/*///////////////////////////////////////////
/////    Styles for the inner pages     /////
///////////////////////////////////////////*/

#InnerContentArea
{
	WIDTH:980px;
	MARGIN:auto;
	BORDER-TOP:1px solid black;
	BACKGROUND-IMAGE:url(Images/backgroundstretch.gif);
	BACKGROUND-REPEAT:repeat-y;	
	TEXT-ALIGN: left;
	POSITION: relative;
}

#QuoteColumn 
{
	MIN-HEIGHT: 535px;
	WIDTH:223px;
	BACKGROUND:url(Images/subcol-bg.gif) repeat-x top left;
	FLOAT:left;
	OVERFLOW: hidden;
	PADDING-BOTTOM:20px;
	HEIGHT:100%;	
}

#QuoteColumn h1
{
	FONT-SIZE: 11pt;
	FONT-STYLE: italic;
	COLOR: #FFFFFF;
	MARGIN: 20px 0px 0px 25px;
}

#QuoteColumn ul
{
	FONT-FAMILY:Verdana;
	FONT-SIZE:11px;
	COLOR:#FFFFFF;
	MARGIN:0px;
	PADDING:0px;
	LIST-STYLE:none;
}

#QuoteColumn li 
{
	PADDING-LEFT:25px;
	PADDING-RIGHT:20px;
	PADDING-TOP:25px;
}

#QuoteList img 
{
	PADDING: 2px;
}

#QuoteList .QuoteAttribute
{
	MARGIN:0px; 
	PADDING:0px; 
	MARGIN-TOP: 5px;	
	TEXT-ALIGN:right; 
	FONT-WEIGHT:bold;
}

#InnerHead 
{
	WIDTH:756px;
	HEIGHT:122px;
	BACKGROUND-IMAGE:url(Images/innerimage.jpg);
	FLOAT:right;
}

#InnerContent
{
	FONT-FAMILY:Verdana;
	FONT-SIZE:11px;
	COLOR:#434343;
	RIGHT: 0px;
	TOP: 122px;
	WIDTH:720px;
	LINE-HEIGHT:18px;
	PADDING-BOTTOM: 2em;	
	FLOAT: right;
	BORDER-LEFT: 1px solid black;
	BORDER-TOP: 1px solid black;
	MIN-HEIGHT: 445px;
	PADDING-LEFT: 35px;
	MARGIN: 0px;
}

#BreadCrumbs
{
	MARGIN:0px; 
	PADDING-TOP:6px; 
	PADDING-BOTTOM: 1em; 	
	TEXT-ALIGN:right; 
	FONT-SIZE: 11px;
}
#BreadCrumbs a 
{
	COLOR: #000000;
}


/*////////////////////////////////
///         Classes            ///
////////////////////////////////*/

#InnerContent dir
{
	MARGIN: 5px 0px 0px 0px;
	PADDING: 5px 0px 0px 20px;
}

#InnerContent dir li
{
	PADDING: 0px 9px 5px 0px;
	MARGIN: 0px 0px 5px 0px;
	LIST-STYLE-IMAGE: url(Images/circle.gif);
}

.innercontentlist
{
	LIST-STYLE:none;
	LIST-STYLE-POSITION:outside;
	MARGIN: 10px 0px 0px 0px;
	PADDING: 20px 0px 0px 0px;
	BORDER-TOP: 2px dotted #999999;	
}

.innercontentlist li
{
	DISPLAY:inline;
	BORDER-RIGHT:2px dotted #999999;
	FLOAT:left;
	PADDING: 0px 9px 15px 10px;
	MARGIN: 0px 0px 5px 0px;
}

.twocolumn
{
    WIDTH:325px;
}

.threecolumn
{
    WIDTH:210px;
}

.innercontentlist li.lastitem
{
	BORDER-RIGHT:0px;
}

.innercontentlist .DownloadLink
{
	TEXT-ALIGN: right;
}

.lastnavitem
{
    BACKGROUND-IMAGE:none;
}

label.RequiredField 
{
    FONT-WEIGHT: bold;
}

/* =clearfix */
.clearfix:after 
{ 
	CONTENT:".";
	DISPLAY:block; 
	HEIGHT:0; 
	CLEAR:both; 
	VISIBILITY:hidden; 
}
	
/* Fix for IE-mac */
.clearfix 
{ 
	DISPLAY:inline-block !important; 
}
	
/* Hides from IE-mac \*/
* html .clearfix
{
	HEIGHT:1%;
}
.clearfix 
{ 
	DISPLAY:block;
}
/* End hide from IE-mac */
/*Styles For Form Fields*/
form {
    margin: 0; padding: 0; 
}
fieldset 
{ 
    border: 1px solid #e0e0e0; 
    margin: 0;
	padding: .35em;
	padding-left: .5em;	
	padding-bottom: .75em;	
}
legend {
    background: transparent;
	font-size: 100%;
	font-weight: bold;
    margin: .25em !important;
    padding: .25em  !important;
    text-transform: uppercase;
}
label 
{
    display: block;
    padding: 0 0em;
    text-align: left;
}
#fm-RequiredFieldNote {
    padding: .5em 0;
}
.fm-req {
    font-weight: bold; 
}
.fm-RadGroup label 
{
    float:none;
    width:auto;
    padding: 0;
    font-size: 90%;
}    
fieldset div {
    margin-bottom: .55em;
    padding: 0px;
    display: block;
}
fieldset div br 
{
    clear:both;
}
fieldset div input.fm-TextBox, fieldset div textarea.fm-TextArea  {
    width: 140px;
    border: #666 1px solid; 
    color: #666666;
    font-size: 100%;
    height: 1.35em;
    margin-bottom: 2px;
}
fieldset div select.fm-DropDown {
    color: #666666;
    border: #3b6170 1px solid; 	
	font-size: 11px;
    margin-bottom: 2px;	
}
fieldset div select {
    padding: 1px;
}
.fm-EchoData {
	color: #003366 !important;
}
div.fm-multi div {
    margin: 5px 0;
}
div.fm-multi input {
    width: 1em;
}
div.fm-multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}
#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
#fm-submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
}
.fm-note {
	font-size: 90%;
	font-style: italic;
}

input:focus, textarea:focus {
    background: #efefef;
    color: #000;
}
/* required fields - does not work in IE */
fieldset div.fm-req label {
	color: #000;
    font-weight: bold;
}

fieldset div.fm-req label:before {
    content: ""; /* does not work in IE */
}
fieldset div.fm-req label.fm-DataHolder:before {
    content: ""; /* does not work in IE */
}
label.fm-DataHolder {
	border: 1px solid #D0Dade;
	width: 250px;
	font-weight: normal !important;
	color: #666666 !important;
	font-size: 100%;
	padding: .15em;
	overflow: hidden;
	margin-top: .15em;
	margin-bottom: .15em;	
}
span.fm-ValidatorText 
{
}
/*  */
.ContactThankYouWrapper { color: #990000; border: 1px solid #d0d0d0; background: #EFEFEF; clear: both; padding: 10px;}

/* -------------- Contact Form Layout -------------- */
#fm-ContactFormWrap {padding: 0px; clear:both;}
#fm-ContactFormWrap #fm-FirstName { position: relative; width: 195px; float: left; }
#fm-ContactFormWrap #fm-LastName { position: relative; width: 195px; float: left;}
#fm-ContactFormWrap #fm-Title { position: relative; width: 195px; float: left;} 

#fm-ContactFormWrap #fm-Company { clear: left; position: relative; width: 195px; float: left;}
#fm-ContactFormWrap #fm-Address { position: relative; width: 195px; float: left;} 
#fm-ContactFormWrap #fm-Qualification { position: relative; width: 195px; float: left;} 

#fm-ContactFormWrap #fm-Phone {  position: relative; width: 195px; float: left;} 
#fm-ContactFormWrap #fm-Email { position: relative; width: 450px; float: left; clear: right;} 

#fm-ContactFormWrap #fm-City { clear: left; position: relative; width: 195px; float: left;} 
#fm-ContactFormWrap #fm-State { position: relative; width: 195px; float: left;} 
#fm-ContactFormWrap #fm-Zip { position: relative; width: 150px; float: left;} 
#fm-ContactFormWrap .fm-TextArea {height: 100px; width: 700px;}
/**/
label {
	font-weight: normal;
}
form#frmCourseListingSearch {
	margin: 0px;
	padding: .75em;
	border: 1px solid #AAAAAA;
	background: #e0e0e0;
	margin-bottom: 2em;
	width: 96%;
}
.CourseSubHead {
	/*font-family:Georgia, "Times New Roman", Times, serif;	
	color: #006699;*/
	color: #636363;	
	margin-top: 1em;
}
.CourseLocationHead {
	font-size: 12px;
}
#ClassListingSkeleton {
	width: 98%
}
#ClassListingSkeleton th {
	background-color: #636363;
	color: #FFFFFF;
	padding: .65em .0em;
	font-size: 14px;
	/*font-family:Georgia, "Times New Roman", Times, serif;	*/
}
th#CourseTitleHead {
	text-align: left;
	padding-left: 10px
}
#ClassListingSkeleton td {
	padding: .65em .0em;
	border-bottom: 2px dotted #EFF6FF;
	/*background:#EFF6FF;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;	*/
}
#ClassListingSkeleton td a {
	color: #006699;
}
#ClassListingSkeleton td a:hover {
	background: #636363;
	color: #ffffff;
}
#ClassListingSkeleton td.CourseTitle {
	padding-left: .3em;
}
#CourseLocationWrap {
	background: #EFF6FF;
}

