﻿/* ----------------------------------------- GLOBAL PROPERTIES ------------------------------------------------- */


* { margin:0; padding:0; }
body { background:url(../images/master/background.gif) top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; text-align:center; padding:0 0 20px 0; }

ul { list-style:none; }
img, fieldset { border:none; }
input, select, option, textarea { font-size:14px; color:#333333; }
h2 { font-size:17px; font-weight:normal; }
a { text-decoration:none; color:#2d465c; }
a:hover { text-decoration:underline; color:#01172A; }
.clear { clear:both; height:0; }
p.bold { font-weight:bold }
span.bold { font-weight: bold; }
img.textaround { float:left; margin: 0px 4px 3px 0px; }
img.textaroundright { float: right; margin: 0px 0px 3px 4px }
.label { display: inline-table; width: 100px }
.left { float:left; }
.right { float: right; }
.notification { font-style: italic }

.checkbox {margin:3px;}

/* table style */
table.datatable { margin: 5px 0px 5px 5px; font-size: 12px; border: 1px solid #555555; }
.datatable th { background-color: #f7931e; color: #333333; padding: 5px 5px}
.datatable td { padding: 5px 5px; background-color: #efefef; }

.colwidth { display: inline-table; width: 120px;}


/* ----------------------------------------- END GLOBAL PROPERTIES ------------------------------------------------- */




/* ----------------------------------------- STRUCTURE SITE ------------------------------------------------- */


#main { width:1163px; margin:auto; text-align:left; }


    .header{ background:url(../images/master/header-background.png) top center no-repeat; height:169px;  overflow:hidden; width:971px; padding:66px 96px 0px 96px}

	.header h1 { float:left; margin:20px 0 30px 40px; }
	.header #logo {width:500px;height:117px;margin-bottom:12px;}
	.header h2 { float:left; margin:40px 0 0 34px; width:300px; color:#f7931e; }
	.header p { float:right; color:#263d51; font-size:1px; width:185px; margin:48px 0 0 0; text-align:right; }
	.header p span { font-weight:bold; }
	.header li { display:inline; }
	.header li a { float:left; }
	.menuback {  background: url(../images/master/menu-background.gif) top left repeat-x; width:971px; height: 32px }
    
    /* navigation text */
    a.nav { font-size: 14px; color: White; padding: 4px 12px 4px 12px; font-weight: bold;  background:none; text-shadow: #666666 1px 1px 2px; border-right:solid 1px #cccccc; margin:4px 0px 4px 0px; }
    a:hover.nav  { color: #6B6B6b; text-decoration: none }

    #content { background:url(../images/master/body-background.png) top center repeat-y;  width:971px; padding:0px 96px 0px 96px}
    
    
        #callToAction {display:inline; float:right; position:relative; left:19px; height:190px }
		#callToAction li { float:left; width:286px; height:64px; display:inline; }
		#callToAction li .fill { width:286px; height:64px; display:block; }
	    #callToAction #login { background:url(../images/master/button-login.gif); background-repeat:no-repeat; width:286px; height:64px; display:inline; }
	    #callToAction #careers { background:url(../images/master/button-join.gif); background-repeat:no-repeat; width:286px; height:64px; display:inline; }
	    #callToAction #contact { background:url(../images/master/button-contact.gif); background-repeat:no-repeat; width:286px; height:64px; display:inline; }
	    #callToAction #standards { background:url(../images/master/button-standards.gif); background-repeat:no-repeat; width:286px; height:64px; display:inline; }
		
	
		#logoCollection { width:288px; display:inline; float:right }
		#logoCollection li { float:left; width:134px; height:101px; margin:9px 0 0 9px; display:inline; }
		#logoCollection .logo1 { background:url(../images/logoCollection_01.gif); background-repeat:no-repeat; width:134px; height:101px; display:inline; }
		#logoCollection .logo2 { background:url(../images/logoCollection_02.gif); background-repeat:no-repeat; width:134px; height:101px; display:inline; }
		#logoCollection .logo3 { background:url(../images/logoCollection_03.gif); background-repeat:no-repeat; width:134px; height:101px; display:inline; }
		#logoCollection .logo4 { background:url(../images/logoCollection_04.gif); background-repeat:no-repeat; width:134px; height:101px; display:inline; }
		#logoCollection .logo5 { background:url(../images/logoCollection_05.gif); background-repeat:no-repeat; width:134px; height:101px; display:inline; }
		#logoCollection .logo6 { background:url(../images/logoCollection_06.gif); background-repeat:no-repeat; width:134px; height:101px; display:inline; }
		#logoCollection .fill { width:134px; height:101px; }



    #leftcontent { width: 620px; float:left; padding-left:20px }
	
	.rightMenu { float:right;  width:300px; }
	
	
	#sitemap ul { margin-left:20px }
	#sitemap li { margin: 5px 0px 5px 40px }
	
	#clients .clientcontainer { margin: 2px 5px 2px 5px; }
	#clients .clientlogo { float: left; text-align:center; width: 200px; height:100px; }
	#clients .clientlogo a { display:block; margin-top:20px; }
	#clients .clienttext { float: left; width: 410px; padding: 2px 2px 2px 2px }
	#clients .clientsep { clear:both; padding-bottom: 30px; }
	
	#contactform { float: left; padding: 10px 5px 5px 10px; margin-right: 20px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #cccccc; width: 580px }
	#contactform .label { vertical-align: top; display: inline-table; width: 80px; font-weight: bold; margin: 3px 8px 3px 0px }
	#contactform .input { display: inline-table; margin: 3px 3px 3px 0px }
	
	#disclaimer li { margin-left: 30px; list-style-type: circle; }
	
	#privacypolicy li { margin-left: 30px; list-style-type: circle; }
	
	#locationmap { float: left; width: 270px; margin-left: 20px }
	
	.formfield { background-color: white; font-size: 12px; padding:3px; border: 1px solid #f7931e; width: 200px;  }
    .watermark      {  background-color: white; font-size: 12px; padding:3px; border: 1px solid #f7931e; width: 200px; color:#cccccc }

	.button { padding: 1px 3px 3px 3px; cursor:pointer; margin-right: 10px; background-color: #f7931e; border: none; color: White; font-size:12px; width:auto }
	
	.correction { font-size: 12px; font-style:italic; color: Red }
	
	
    
    #footer { background:url(../images/master/body-background.png) top center repeat-y; width:971px; padding:0px 96px 0px 96px}
    
		#footer ul { float:left; width:400px; font-size:11px; color:#181818;}
		#footer li { display:inline; }
		#footer li a { margin:0 0 0 10px; float:left; color:#181818; }
		#footer p { float:right; margin:0 10px 0 0; }
        
    
    
    #base { background:url(../images/master/base-background.png) top center no-repeat; height:57px; width:971px; padding:0px 96px 0px 96px}




		
	
/* ----------------------------------------- END STRUCTURE SITE ------------------------------------------------- */
    
    

/* ----------------------------------------- HOMEPAGE ------------------------------------------------- */

        #contentHome { height: 196px;}

		#showcase { width:956px; background:url(../images/master/showcase-background.png) top no-repeat; height: 287px; padding:35px 15px 15px 15px; margin-top:20px }
		#showcase h2 { margin:0 0 20px 0; }
		#showcase p { margin:22px 0 0 0; }
		#showcase li { margin:12px 0 0 0; }
		#showcase a { text-decoration:underline; }
		#showcase a:hover { text-decoration:none; }
		

		#showcase .clientHome { width:600px; float:left; margin:0 4px 0 0px; display:inline; } 

		#loopedSliderMulti .container { width:600px; height:375px; overflow:hidden; position:relative; cursor:pointer; }
		#loopedSliderMulti .slides { position:absolute; top:0; left:0; }
		#loopedSliderMulti .slides div.slide { position:absolute; top:0; width:147px; display:none; padding-right:73px }
		#loopedSliderMulti,#newsSlider { margin:0 auto; width:600px; position:relative; clear:both; }

        #loopedSliderMulti .clientlogo  {border:1px solid #dad8d8; width:145px; height:75px; text-align:center; vertical-align:middle;padding-top:auto; padding-bottom:auto; }
        #loopedSliderMulti .clientlogo img  {vertical-align:middle;margin-top:auto; margin-bottom:auto;}
		#loopedSliderMulti .clienttext {height:75px; margin-top:15px; overflow:hidden;}
		#loopedSliderMulti .readmore {margin-top: 15px}
		
		#showcase .contactHome { width:258px; float:right; }
		#showcase .firstDetail { margin:0; }
		#showcase .contactHome span { font-weight:bold; }
		

	    #bannerCollection { width:629px; height:321px; margin:9px 10px 0 0; display:inline; }
		    #bannerSlider { width:629px; position:relative; }
		    #bannerContent { width:629px; }
		    #selector { width:629px; height:26px; text-align:center; font-size:15px; background:url(../images/bgd_banner.png) bottom no-repeat; position:absolute; left:0; top:295px; }
			    #selector ul { position:relative; top:4px; display:inline; }
			    #selector li { display:inline; }
			    #selector li a { margin:0 8px; color:#FFFFFF; padding:0 4px; border:1px solid #6d6d6b; }
			    #selector li a:hover, #selector .selected a { background:#6b6b6a; text-decoration:none; }
			    #selector .btnSelector a, #selector .btnSelector a:hover { padding:0; border:none; background:none; }

/* ----------------------------------------- END HOMEPAGE ------------------------------------------------- */

/* ------------------------------------------ Sub Pages -------------------------------------------------*/

         /*#leftContent { float:left; width: 620px } */
        #content h1 { font-size: 18px; font-weight: bold; margin: 0px 0px 20px 0px }
        #content h2 {  margin-bottom:18px;}
        #content p { line-height: 18px;  margin-bottom:18px;}
        #content a { text-decoration:underline;}

        #footerspace { width: 960px; height: 40px; background-color: #EFF0F1; clear:both }
         
        .imgplace {  width: 130px; float: left; }
        .intro { font-size: 15px; color: #f7931e; line-height: 20px }
        .introdirect { font-size: 15px; color: #CC1342; line-height: 20px }
        .introforgood { font-size: 15px; color: #6DB33E; line-height: 20px }
        .introconnect { font-size: 15px; color: #00B3EF; line-height: 20px }
        .intropromotions { font-size: 15px; color: #8D58A3; line-height: 20px }
        .introadvantage { font-size: 15px; color: #707070; line-height: 20px }
        .introconsulting { font-size: 15px; color: #b4965a; line-height: 20px }
        
       /* #staffprofiles { background: transparent url(../images/aboutus_watermark.jpg) top right no-repeat;  } */
        
        
        #opportunities ul li { list-style-type:disc; list-style-position:outside; margin-left:40px; padding-left:0px}
        
        .opportunityDetails {}
        
        #staffprofiles .staff {padding-bottom:20px;}
        #staffprofiles .staff {padding-bottom:20px;}
        #staffprofiles .staff .textaround {margin-right: 20px;}

/* ------------------------------------------- End Sub Pages --------------------------------------------*/
    

/* ------------------------------------------ Direct ----------------------------------- */

        #directContent h2 { margin: 20px 0px 10px 0px; }
        #directContent ul { margin: 10px 0px 10px 35px; }
        #directContent li { list-style-type: circle; }

/* ----------------------------------------- End Direct -------------------------------- */



/* -------------------------------------- Application ----------------------------------- */

        #application dl { width: 600px; margin: 5px 5px 20px 0px; padding: 20px 10px 20px 10px; background-color: #f9f9f9 }
        #application dt { float: left; width: 200px; margin: 3px 0px 3px 0px; clear:both}
        #application dd { margin: 3px 0px 3px 5px }
        
        #applicationbuttons { width: 620px; text-align:right; margin: 10px 0px 20px 0px; }
        
        #opp { background-color: #f9f9f9; width: 600px; margin: 10px 0px 10px 5px; padding: 8px 8px 8px 8px; }
        #opp h2 { font-size: 15px; color: #f7931e; line-height: 20px }
        
        #opp2 { background-color: White; width: 600px; margin: 10px 0px 10px 5px; padding: 8px 8px 8px 8px; }
        #opp2 h2 { font-size: 15px; color: #f7931e; line-height: 20px }
        
        #australiamap { width:315px; margin: 0 auto; }
        
        #appointments { margin-bottom: 40px }
        
        
		.PanelMain		    {	width:100%; background-color:white; color:black;   border: 0px solid #e9e9e9;}
		.TableMain			{	width:100%; font-family:arial,helvetica, sans-serif; background-color: #ffffff; border: none; border-spacing: 0px; vertical-align:top; text-align: center;}
		.RowHeader			{	font-family:arial,helvetica, sans-serif; font-size:8pt; color: #ffffff; background-color: #ff9900; padding: 5px; height: 18px; border:none}
		.RowHeader th   	{	font-family:arial,helvetica, sans-serif; font-size:8pt; color: #ffffff; background-color: #ff9900; padding: 5px; height: 18px; border:none}
		.RowValue			{	font-family:arial,helvetica, sans-serif; font-size:8pt; background-color: #ebebeb;padding: 5px;  border: none;} 
		.RowValue td		{	font-family:arial,helvetica, sans-serif; font-size:8pt; background-color: #ebebeb;padding: 5px;  border: none;} 
		.RowValue a         {   display:inline-block; width:18px;height:18px; margin:0px }
		.Alt		        {	background-color: #ffffff; } 
		.Alt td		        {	background-color: #ffffff; } 
		.Icon		    	{	vertical-align: middle;margin-bottom: 0px;margin-right: 0px;width: 15px; width:20px;display:inline }
		.MessagePanel		{	font-family:arial,helvetica, sans-serif; font-size:8pt;}
		#viewApplication    {   display:none;   }
		#applicationTabs    {   height:490px; text-align:left }
		.tabFrame           {   width:100%; height:420px;border:solid 2px #f7931e}
		ui-icon {float:left; margin:0 4px; }
        
        #details dl         {   clear:both; margin-top:20px;}
        #details dt         {   font-weight:bold; float:left; clear:both; display:block; width:120px }
        #details dd         {   float:left;  display:block }
        #details label      {   clear:both; font-weight:bold;margin-top:20px; display:block; }
        #details #appDetailsDaysNotes
                            {   border: solid 2px #f7931e; width:100%; height:200px; font-family:Helvetica, Arial, Verdana, sans-serif;font-size:15px; }
        #notes #appNotes
                            {   border: solid 2px #f7931e; width:100%; height:400px; font-family:Helvetica, Arial, Verdana, sans-serif;font-size:15px; }
        #applicationDetailsLoading
                            {   display:none; }
        .rowloader          {   vertical-align:middle;display:none}
        .approved           {   background-color:#81e381 !important; }
        .rejected           {   background-color:#e38181 !important; }
        .alreadyapplied     {   background-color:#FFCC00 !important; }
        .unreview           {   background-color:#FFFF66 !important; }
        .textWatermark      {   color:#cccccc;  }
        
/*--------------------------------------- End Application -------------------------------- */





/* -------------------------------- schedule --------------------------------------- */

        #calendar { width:965px; height:600px; border:solid 2px #f7931e}

        #sessionform dl { width: 400px; margin: 5px 5px 20px 0px; padding: 20px 10px 20px 10px; background-color: #f9f9f9; text-align:left; }
        #sessionform dt { float: left; width: 200px; margin: 3px 0px 3px 0px; text-align:left; }
        #sessionform dd { margin: 3px 0px 3px 5px; text-align:left; }
        
        #buttons { width:400px; text-align:right; }

        #appointmentList { margin: 30px 10px 20px 0px; width: 350px; float:left;  }
        
        #appointmentDetail { margin: 30px 0px 20px 10px; width: 500px; float:right }
        #appointmentDetail a.optionButton {   display:inline-block; width:18px;height:18px; margin:0px }
        #event_edit_container {
	        display: none;
	        text-align:left;
        }
                
/* -------------------------------- END schedule ----------------------------------- */



/* ----------------------------------------- SLIDER ------------------------------------------------- */


	#slider{
		width:629px;
		margin:4px 10px 0 0;
		position:relative;
	}

	
	#logoCollection .navigation .logo1 a:hover div,
	#logoCollection .navigation .logo1 a.selected div{
		background:url(../images/logoCollection_01_selected.gif);
	}

	#logoCollection .navigation .logo2 a:hover div,
	#logoCollection .navigation .logo2 a.selected div{
		background:url(../images/logoCollection_02_selected.gif);
	}

	#logoCollection .navigation .logo3 a:hover div,
	#logoCollection .navigation .logo3 a.selected div{
		background:url(../images/logoCollection_03_selected.gif);
	}

	#logoCollection .navigation .logo4 a:hover div,
	#logoCollection .navigation .logo4 a.selected div{
		background:url(../images/logoCollection_04_selected.gif);
	}

	#logoCollection .navigation .logo5 a:hover div,
	#logoCollection .navigation .logo5 a.selected div{
		background:url(../images/logoCollection_05_selected.gif);
	}

	#logoCollection .navigation .logo6 a:hover div,
	#logoCollection .navigation .logo6 a.selected div{
		background:url(../images/logoCollection_06_selected.gif);
	}
	
	#logoCollection .navigation a:focus{
		outline:none;
	}

	#page .navigation a:hover,
	#page .navigation a.selected{
		background:#6b6b6a;
	}

	#page .navigation a:hover span,
	#page .navigation a.selected span{
		background:#6b6b6a;
	}
	
	#page .navigation a:focus{
		outline:none;
	}
	
	#page .leftright a:hover,
	#page .leftright a.selected{
		background:#6b6b6a;
	}

	#page .leftright a:hover span,
	#page .leftright a.selected span{
		background:#6b6b6a;
	}
	
	#page .leftright a:focus{
		outline:none;
	}

	#page .scroll{
		height:321px;
		width:629px;
		margin:0 auto;
		overflow:auto;
		position:relative;
		clear:left;
	}
	
		#page .scrollContainer .panel{
			height:321px;
			width:629px;
			overflow:hidden;
			position:relative;
			background-position:top right;
			background-repeat:no-repeat;
		}		
			#page .panel p{
				font-family:Helvetica, Arial, Verdana, sans-serif;
				font-size:15px;
				color:#fff;
				line-height:1.5;
			}
			
			#page .panel .panel-desc {
				position:absolute;
				top:150px;
				left:20px;
				width:350px;
			}
			
			#page .panel .panel-link-img {
				position:absolute;
				top:245px;
				left:20px;
				height:28px;
				background-repeat:no-repeat;
			}
			
			#page .panel .panel-link {
				font-family:Helvetica, Arial, Verdana, sans-serif;
				font-size:12px;
				color:#fff;
				position:absolute;
				top:250px;
				left:55px;
			}			
			
			#page .panel h2{
				font-size:32px;
				font-family:Helvetica, Arial, Verdana, sans-serif;
				font-weight:bolder;
				text-transform:uppercase;
				position:absolute;
				top:7px;
				left:10px;
			}
			

	#page .scrollButtons{
		width:30px;
		height:30px;
		position:absolute;
		top:280px;
		cursor:pointer;
	}
		#page .scrollButtons a{
			display:block;
			height:30px;
			width:30px;
		}
		#page .scrollButtons span{
			display:none;
		}
		#page .btnSelectorLeft{
			left:-40px;
		}

		#page .scrollMeRight{
			right:-40px;
		}
		#page .btnSelectorRight{
			right:-40px;
		}



/* ----------------------------------------- END SLIDER ------------------------------------------------- */

/* -------------------------------- schedule --------------------------------------- */



/* -------------------------------- END schedule ----------------------------------- */

.item {
	text-align: center;
	FONT-FAMILY: arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
}
.bground {
	FONT-FAMILY: arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #EEEEEE;
}
.title {
	text-align: center;
	FONT-FAMILY: arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #f7931e;
	FONT-WEIGHT: bold;
	color: #444444;
	
}
.rangeheader {
	text-align: center;
	VERTICAL-ALIGN: middle;
	FONT-FAMILY: arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #EEEEEE;
    /*border-bottom:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    border-top:1px solid #EEEEEE;
    border-left:1px solid #EEEEEE;*/
}

