/*******************************************/
/*  Vantage Learning CSS
/*  Defines layout of the VL website
/*******************************************/

	/*******************************************/
	/*  Global Styles & Browser Consistancy
	/*******************************************/
		* {padding:0px; margin:0px; border-width:0px; border-style:solid;  font-size:12px; font-family:Arial, sans-serif;}
 		div, table, tr, td, ul, li {text-align:left;}
		/*div, table, tr, td {position:relative; min-height:0px;}*/
		u,b,i,u,span,em,strong {display:inline; color:inherit; font-size:inherit; line-height:inherit; font-family:inherit;}
		ul, ol {margin:2px 0px 5px 0px; padding-left:2em; color:inherit;}
		ul.horizontal, ol.horizontal {display:inline; margin-left:0px;}
		ul.horizontal li, ol.horizontal li {list-style:none; display:inline;}
		li {margin-bottom:1px;}
		a {cursor:pointer; text-decoration:underline;}
		a:hover {text-decoration:none;}
		a.underlineHover {text-decoration:none;}
		a.underlineHover:hover {text-decoration:underline;}
		img {border-width:0px; vertical-align:bottom;}
		img.bordered {border-width:1px;}
		img.icon {margin:0px 3px; vertical-align:middle;}
		html {width:100%; height:100%; margin:0px; padding:0px;}
		body {width:100%; height:100%; margin:0px; padding:0px; background-color:#E0E3F4;}
		form, input {display:inline; margin:0px; padding:0px;}
		textarea {border-width:1px; background:#FFFFFF url(../images/inputShadowBG.gif) no-repeat top left;}
		input.text, select.text, textarea.text {width:100%; border-width:1px; background:#FFFFFF url(../images/inputShadowBG.gif) no-repeat top left;}
		input.checkbox {border-width:1px; background:#FFFFFF url(../images/inputShadowBG.gif) no-repeat top left;}
		input.required, select.required, textarea.required {background:#FEFFDD url(../images/inputShadowBG_required.gif) no-repeat top left;}
		select {background-repeat:no-repeat; padding:0px; border-width:1px; font-size:11px; overflow:auto;}
		ul.triangleDark {list-style-image:url(../images/triangleDark.gif); color:inherit;}
		ul.triangleEmpty {list-style-image:url(../images/triangleEmpty.gif); color:inherit;}
		ul.triangleEmpty a, ul.triangleDark a {font-weight:normal;}
		ul.listStyleNone {list-style-type:none; list-style-image:none;}
		option {padding:1px;}
		.hidden {display:none;}


	/*******************************************/
	/*  General Applied Styles
	/*******************************************/
		.spacer {font-size:0px; height:10px;}
		.clearer {clear:both; display:block; font-size:0px; height:0px;}
		.boxIndent {margin:8px 0px 20px 20px;}
		.dividerLight, .dividerDark {font-size:1px; height:0px; margin:10px auto; border-width:0px 0px 1px 0px; border-style:solid;}
		.dottedDividerLight, .dottedDividerDark {font-size:1px; height:0px; margin:10px auto; border-width:0px 0px 1px 0px; border-style:dotted;}
		.vertDividerLight, .vertDividerDark {float:left; height:150px; width:1%; margin:0px 1%; border-right-width:1px;}
		.bolder {font-weight:bold; font-size:14px; text-decoration:none;}
		.bold {font-weight:bold;}
		.italic {font-style:italic;}
		.header1 {font-size:24px; font-weight:bold; text-decoration:none;}
		.header2 {font-size:18px; font-weight:bold; text-decoration:none;}
		.header3 {font-size:15px; font-weight:bold; text-decoration:none;}
		.header4 {font-size:12px; font-weight:bold; text-decoration:none;}
		.linedHeader {margin-bottom:10px; border-style:solid; border-bottom-width:1px;}
		.dottedHeader {margin-bottom:10px; border-style:dotted; border-bottom-width:1px;}
		.dottedHeader a,.linedHeader a {text-decoration:none;}
		.formLabel {display:block; padding:2px 0px; width:39%; float:left; clear:left; font-weight:bold; }
		.formRequired {color:#990000;}
		.formInput {display:block; padding:2px 0px; width:59%; float:right; clear:right;}
		.formInput input.text {width:100%;}

		.sideQuoteText {margin:5px; font-size:12px; font-weight:bold; text-align:right;}
		.sideQuoteAttr {margin:5px; font-size:10px; font-weight:normal; text-align:right;}

		.buttonStandard {display:block; height:18px; padding-top:3px; background-repeat:no-repeat; font-size:11px; font-size:11px; font-weight:bold; text-align:center; text-decoration:none;}
		input.buttonStandard {height:21px; padding:0px;}
		.buttonStandard:hover {background-position: 0px -21px;}
		.buttonStandard100 {width:100px; background-image:url(../images/buttonStandard100.gif);}
		.buttonStandard100_disabled {cursor:wait; width:100px; color:#666666; background-image:url(../images/buttonStandard100_disabled.gif);}
		.buttonStandard125 {width:125px; background-image:url(../images/buttonStandard125.gif);}
		.buttonStandard150 {width:150px; background-image:url(../images/buttonStandard150.gif);}
		.buttonStandard200 {width:200px; background-image:url(../images/buttonStandard200.gif);}
		
		
		/*******************************************/
		/*    New Buttons 
		/*******************************************/
    .button {cursor:pointer; display:block; height:18px; overflow:hidden; background:transparent; padding-top:3px; text-align:center; font-size:11px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; color:#444444; text-decoration:none;}
    input.button {border:0px; height:21px; padding-top:0px;}
    .button:hover {background-position:0px -21px; color:#000000;}
    .buttondisabled, .buttondisabled:hover {background-position:0px -38px; color:#999999;}
    .button50 {width:50px; background-image:url(../images/button.50.gif);}
    .button75 {width:75px; background-image:url(../images/button.75.gif);}
    .button100 {width:100px; background-image:url(../images/button.100.gif);}
    .button125 {width:125px; background-image:url(../images/button.125.gif);}
    .button150 {width:150px; background-image:url(../images/button.150.gif);}
    .button200 {width:200px; background-image:url(../images/button.200.gif);}
    .button250 {width:250px; background-image:url(../images/button.250.gif);}

		.errorBox {width:85%; padding:10px; margin:auto; border-width:1px; border-color:#FF0000; background-color:#FFCCCC; color:#000000; font-weight:bold; text-align:center;}

		.content20 {padding:0px 20px;}

		.icon16 {display:block; width:16px; height:16px; background-position:center center; background-repeat:no-repeat;}
		.infoMouseOver {position:absolute;}
		.infoMouseOverContent, .infoMouseOverShadow {position:absolute; width:75px; background-color:#FFFFFF; padding:0px 2px; color:#000000; font-size:10px; border:1px solid #000000;}
		.infoMouseOverShadow {background-color:#000000; position:absolute; top:3px; left:3px; opacity:.5;}
	/*******************************************/
	/*  Main Table (w/ Shadow)
	/*******************************************/
		table#mainShadowTable {width:770px; margin:0px auto auto auto; }
			table#mainShadowTable tr.mainShadowRowMiddle td.mainShadowCellLeft {width:10px; font-size:1px; background:url(../images/mainShadow_left.gif) repeat-y right; }
			table#mainShadowTable tr.mainShadowRowMiddle td.mainShadowCellMiddle {width:750px; background:#FFFFFF; vertical-align:top;}
			table#mainShadowTable tr.mainShadowRowMiddle td.mainShadowCellMiddle div.relative {}
			table#mainShadowTable tr.mainShadowRowMiddle td.mainShadowCellRight {width:10px; font-size:1px; background:url(../images/mainShadow_right.gif) repeat-y left; }
			table#mainShadowTable tr.mainShadowRowBottom td.mainShadowCellLeft {width:10px; height:10px; font-size:1px; background:url(../images/mainShadow_cornerBL.gif) no-repeat top right; }
			table#mainShadowTable tr.mainShadowRowBottom td.mainShadowCellMiddle {width:750px; font-size:1px; background:url(../images/mainShadow_bottom.gif) repeat-x top; }
			table#mainShadowTable tr.mainShadowRowBottom td.mainShadowCellRight {width:10px; font-size:1px; background:url(../images/mainShadow_cornerBR.gif) no-repeat top left; }

	/*******************************************/
	/*  Footer (Under Shadow Table)
	/*******************************************/
		div#footer {width:750px; margin:-5px auto; padding-bottom:10px; font-size:10px; color:#004194;}
			div#footer a {font-size:10px; color:#004194; text-decoration:underline;}
			div#footer a:hover {color:#990000; text-decoration:none;}


	/*******************************************/
	/*  Inner Table (Header/Content/SideBar)
	/*******************************************/
		table#headerTable {width:100%; margin:0px; margin-bottom:10px;}
			table#headerTable td#headerTop {vertical-align:top; text-align:left;}
				table#headerTable td#headerTop img {margin:12px 0px 0px 12px;}
				table#headerTable td#headerTop div#topLoginBox {float:right; width:230px; margin:3px 5px 0px 0px; text-align:right; color:#000000; font-size:10px;}
					table#headerTable td#headerTop div#topLoginBox select {color:#000000; font-size:10px; border:1px solid #E0E3F4;}
					table#headerTable td#headerTop div#topLoginBox option {color:#000000; font-size:10px;}
					table#headerTable td#headerTop div#topLoginBox input.text {width:85px; height:14px; font-size:11px; font-weight:normal; color:#000000; border:1px solid #E0E3F4; vertical-align:middle;}
					table#headerTable td#headerTop div#topLoginBox .loginGo {display:block; width:19px; height:18px; background-image:url(../images/button_loginGo.gif); background-position:0px 0px;}
					table#headerTable td#headerTop div#topLoginBox .loginGo:hover {background-position:0px -18px;}
				table#headerTable td#headerTop div#topSearch {float:right; margin:5px 8px 0px 0px; text-align:right; color:#7A93D3; font-weight:bold; font-size:9px;}
					table#headerTable td#headerTop div#topSearch input.text {width:75px; height:12px; font-size:9px; font-weight:normal; color:#7A93D3; border:1px solid #E0E3F4; vertical-align:middle;}
					table#headerTable td#headerTop div#topSearch input.answerman {border:0px; margin:0px; padding:0px; vertical-align:middle;}
			table#headerTable td#headerMenu {height:20px; vertical-align:middle; text-align:right;}
				table#headerTable td#headerMenu	ul#mainMenuList {text-align:right; padding:0px 10px 5px 5px; margin:0px; border-bottom-width:6px;}
				table#headerTable td#headerMenu	ul#mainMenuList li {margin:0px; list-style:none; display:inline;}
				table#headerTable td#headerMenu	ul#mainMenuList li a {padding:0px 5px 5px 5px; margin:0px; border-bottom-width:6px; font-weight:bold; font-size:12px; text-decoration:none; }
				table#headerTable td#headerMenu	ul#mainMenuList li a:hover {border-bottom-width:6px;}
				table#headerTable td#headerMenu	ul#mainMenuList li a.current {border-bottom-width:6px;}
				table#headerTable td#headerMenu	ul#subMenuList {text-align:right; height:15px; padding:3px 10px 3px 5px; margin:0px; border-bottom-width:0px; overflow:hidden;}
				table#headerTable td#headerMenu	ul#subMenuList li {margin:0px; list-style:none; display:inline;}
				table#headerTable td#headerMenu	ul#subMenuList li a {padding:3px 5px 3px 5px; margin:0px; font-weight:bold; font-size:12px; text-decoration:none; }
				table#headerTable td#headerMenu	ul#subMenuList li a:hover {}
				table#headerTable td#headerMenu	ul#subMenuList li a.current {}
				table#headerTable td#headerMenu	ul#subMenuList li.title a {float:left; margin-top:-9px; padding:0px; font-size:29px; font-weight:bold; text-align:left;}
				table#headerTable td#headerMenu	ul#subSubMenuList {text-align:right; height:15px; padding:3px 10px 3px 5px; margin:0px; border-bottom-width:0px; overflow:hidden;}
				table#headerTable td#headerMenu	ul#subSubMenuList li {margin:0px; list-style:none; display:inline;}
				table#headerTable td#headerMenu	ul#subSubMenuList li a {padding:3px 5px 3px 5px; margin:0px; font-weight:bold; font-size:12px; text-decoration:none; }
				table#headerTable td#headerMenu	ul#subSubMenuList li a:hover {background-color:#FFFFFF;}
				table#headerTable td#headerMenu	ul#subSubMenuList li a.current {background-color:#FFFFFF;}
				table#headerTable td#headerMenu	ul#subSubMenuList li.title a {float:left; margin-top:-9px; padding:0px; font-size:29px; font-weight:bold; text-align:left;}
			table#headerTable td#headerFlashContent {border-bottom-width:0px;}

		table#contentTable {width:99%; margin:10px auto;}
			table#contentTable td#contentCell {width:100%; padding:0px; margin:0px;}
			table#contentTable td#contentCell div#rightSideMenu {float:right; width:30%;}
			table#contentTable td#contentCell div#leftContentDiv {float:left; width:65%; display:inline; margin:0px 10px;}
			table#contentTable td#contentCell div#leftSideMenu {float:left; width:30%;}
			table#contentTable td#contentCell div#rightContentDiv {float:right; width:65%; display:inline; margin:0px 10px;}
			table#contentTable td#contentCell div#content {float:right; width:530px; margin:10px 20px; border:0px solid #000000;}


	/***************************************/
	/*  Front Page Styles
	/***************************************/
		table#tripContentTable {width:99%; margin:10px auto;}
			table#tripContentTable td#tripColumn {width:33%; text-align:center; vertical-align:top;}

	/***************************************/
	/*  Next Step List (Right Quick Links)
	/***************************************/
		.nextStepList {display:block; width:100%; margin:0px; padding:0px; list-style-type:none; border-width:0px;}
		.nextStepList li {display:inline; padding:0px; margin:0px;}
		.nextStepList li a {display:block; padding:2px 10px; margin:2px 0px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; text-decoration:none;}
		.nextStepList li a img {vertical-align:middle; margin:0px 7px 0px 0px;}
		.nextStepList li a:hover {}

	/********************************************/
	/*  Rounded Box / List-Item / Anchor Styles
	/********************************************/
	
		.roundedBox, .roundedAnchor	{width:98%; margin:6px auto; display:block; text-decoration:none;}
		li.roundedLi {width:98%; margin:5px 0px; list-style:none; display:block;}
			.roundedBox .content, li.roundedLi .content, a.roundedAnchor .content {display:block; margin:10px 10px 10px 10px; color:#000000;}
			.cornerTopRight		{display:block; background:url(../images/roundedBoxTR.gif) no-repeat top right; width:100%; height:3px; font-size:1px;}
			.cornerTopLeft		{display:block; background:url(../images/roundedBoxTL.gif) no-repeat top left; width:100%; height:3px; font-size:1px;}
			.cornerBottomRight	{display:block; background:url(../images/roundedBoxBR.gif) no-repeat bottom right; width:100%; height:3px; font-size:1px;}
			.cornerBottomLeft	{display:block; background:url(../images/roundedBoxBL.gif) no-repeat bottom left; width:100%; height:3px; font-size:1px;}

			a.roundedAnchor img.anchorIcon, .roundedBox img.anchorIcon {border-width:1px;}
			a.roundedAnchor .iconHolder, .roundedBox .iconHolder {display:block; float:left; width:12%;}
			a.roundedAnchor .textHolder, .roundedBox .textHolder {display:block; float:right; width:86%;}

			a.roundedAnchor:hover, a.roundedAnchor *:hover {cursor:pointer;}

			.roundedBox .screenShot {float:left; margin:7px 0px 0px 10px;}
			.roundedBox .rightContent {float:right; width:318px;}

      .rounded	{position:relative; margin:6px auto; padding:10px; display:block; text-decoration:none; background-color:#fff;}
      a.rounded   {color:#000000;}
      li.rounded	{margin:5px 0px; list-style:none;}
        .rounded .content		{display:block; margin:10px 10px 10px 10px; color:#000000;}
        .rounded .corner		{display:block; position:absolute; width:4px; height:4px; overflow:hidden; font-size:1px; background-repeat:no-repeat; background-color:transparent; background-image:url(../images/rounded.corners.4px.multi.gif);}
        .rounded .topleft		{position:absolute; top:0px; left:0px; background-position:0px 0px;}
        .rounded .topright		{position:absolute; top:0px; right:0px; background-position:-4px 0px; }
        .rounded .bottomright	{position:absolute; bottom:0px; right:0px; background-position:-4px -4px;}
        .rounded .bottomleft	{position:absolute; bottom:0px; left:0px; background-position:0px -4px;}


	/*****************************************/
	/*  Squared Boxes (Vert/Horix Gradients)
	/*****************************************/
		div.sqVertGradBoxHead {width:95%; margin:auto; border-width:1px;}
			div.sqVertGradBoxHead div.content {padding:3px 0px 5px 10px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
		div.sqVertGradBoxContent {width:95%; margin:0px auto 10px auto;  border-width:1px;}
			div.sqVertGradBoxContent div.content {padding:10px 10px 10px 10px; color:#000000; font-size:11px;}

		div.sqHorizGradBoxHead {width:95%; margin:auto; background-position:right; background-repeat:repeat-y;}
			div.sqHorizGradBoxHead div.content {padding:3px 0px 5px 10px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
		div.sqHorizGradBoxContent {width:95%; margin:0px auto 10px auto;}
			div.sqHorizGradBoxContent div.content {padding:10px 10px 10px 10px; color:#000000; font-size:11px;}

	/*****************************************/
	/*  News List
	/*****************************************/
		div.newsListLabelDiv {float:left; width:23%; margin-left:10px; font-weight:bold;}
		div.newsListLinkDiv {float:right; width:72%;}

	.ipad_box{position: relative; margin-bottom:25px; background:#fff url(../images/myaccess.ipad_easier.jpg) no-repeat left top;}
	.ipad_box:hover{position: relative; margin-bottom:25px; background:#fff url(../images/myaccess.ipad_easier.hover.jpg) no-repeat left top;}
	
	.login_iseek_box {position:relative; margin-bottom:25px; background:#FFF url(../images/login.iseek.green.gradient.top.gif) repeat-x center top;}
	.login_iseek_box .login_iseek_box_logo {width:189px; height:62px; position:absolute; left:10px; top:10px; background:transparent url(../images/login.iseek.logo.apple.png) no-repeat left top;}
	.login_iseek_box .login_iseek_box_star {width:65px; height:62px; position:absolute; top:-18px; right:-18px; background:transparent url(../images/login.iseek.star.new.png) no-repeat left top;}
	.login_iseek_box .login_iseek_box_text {margin:25px 30px 8px 200px; text-align:center; font-weight:bold;}
	.login_iseek_box_searchbox {padding:4px; border:1px solid #A5ACB2; width:70%; margin:0px 10px 0px 20px;}
	.login_iseek_box_searchbutton {margin-top:2px; background-image:url(../images/button50.iseek.tall.gif); height:27px; width:50px; padding:0px;background-repeat:no-repeat; border:0px none; font-size:10px; font-weight:bold; padding-top:3px; text-align:center; text-decoration:none;}
	.login_iseek_box_searchbutton:hover {background-position:0px -27px;}
	
	.login_spms_box {position:relative; width:95%; margin-bottom:15px; background:#FFF url(../images/bg.yellow.spms.gradient.top.gif) repeat-x center top;}
	.login_spms_box .login_spms_box_star {display:none; width:65px; height:62px; position:absolute; top:-15px; right:-15px; background:transparent url(../images/star.new.png) no-repeat left top;}
	.login_spms_box .login_spms_box_text {margin:0px 15px 8px 215px; padding-top:10px; text-align:center; font-weight:bold;}
	.login_spms_box_searchbox {padding:4px; border:1px solid #A5ACB2; width:70%; margin:0px 10px 0px 20px;}
	.login_spms_box_searchbutton {margin-top:2px; background-image:url(../images/button.50.spms.tall.gif); height:27px; width:50px; padding:0px;background-repeat:no-repeat; border:0px none; font-size:10px; font-weight:bold; padding-top:3px; text-align:center; text-decoration:none;}
	.login_spms_box_searchbutton:hover {background-position:0px -27px;}
  
  
	.login_lexipedia_box {position:relative; width:95%; margin-bottom:15px; background:#FFF url(../images/bg.blue.lexipedia.gradient.top.gif) repeat-x center top;}
	.login_lexipedia_box .login_lexipedia_box_logo {width:189px; height:62px; position:absolute; left:10px; top:10px; background:transparent url(../images/logo.lexipedia.189.png) no-repeat left top;}
	.login_lexipedia_box .login_lexipedia_box_star {display:none; width:65px; height:62px; position:absolute; top:-15px; right:-15px; background:transparent url(../images/star.new.png) no-repeat left top;}
	.login_lexipedia_box .login_lexipedia_box_text {margin:5px 10px 8px 200px; text-align:center; font-weight:bold;}
	.login_lexipedia_box select {margin-left:20px; font-size:12px; font-family:arial; margin-top:0px; width:80px; vertical-align:top; border:1px solid #A5ACB2;}
	.login_lexipedia_box .login_lexipedia_box_searchbox {padding:2px 4px; border:1px solid #A5ACB2; width:240px; margin:0px 10px 0px 10px; vertical-align:top;}

	.login_community_box {position:relative; margin-bottom:25px; height:127px; background:#FFF url(../images/bg.community.gradient.top.gif) repeat-x center top;}
	.login_community_box .login_community_box_logo {width:231px; height:90px; position:absolute; left:0px; top:13px; background:transparent url(../images/logo.community.login.bg.gif) no-repeat left top; text-decoration:none;}
	.login_community_box .login_community_box_star {width:65px; height:62px; position:absolute; top:-18px; right:-18px; background:transparent url(../images/login.iseek.star.new.png) no-repeat left top;}
	.login_community_box .login_community_box_text {margin:0px 30px 8px 246px; padding-top:30px; text-align:center; font-weight:bold;}
	.login_community_box .login_community_box_text a {text-decoration:none;}
	.login_community_box .login_community_box_bloglink	{position:absolute; top:103px; left:246px; font-weight:bold;}
	.login_community_box .login_community_box_forumlink	{position:absolute; top:103px; right:30px; font-weight:bold;}

	.login_spotlight_box {position:relative; width:95%; min-height:127px; margin-bottom:25px; background:#FFF url(../images/login.red.gradient.gif) repeat-x center top;}
	.login_spotlight_box .login_spotlight_box_logo {width:238px; height:26px; margin:10px auto; background:transparent url(../images/login.spotlight.logo.gif) no-repeat left top; text-decoration:none;}
	.login_spotlight_box .login_spotlight_box_text {margin:4px 0px 10px 0px; text-align:center; color:#FFFFFF; font-weight:bold;}
	.login_spotlight_box .login_spotlight_vidanchor {display:block; float:left; width:127px; text-align:center; margin-right:10px; text-decoration:none;}
	.login_spotlight_box .login_spotlight_vidanchor:hover u {text-decoration:none;}