/*-----------------------------------------------------------------------------
L4U Client Corner Style Sheet 

www.l4u.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/



/* Put it back on certain elements */
p, pre, blockquote, fieldset, table {
	margin: 0 0;
}

/* Remove border around linked images */
img {
	border: 0;
}

/*Text*/
body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1 {
	font-size: 28px;
	font-weight: bold;
	font-style: italic;
	padding: 10px 0;
	margin: 0;
	text-align: center;
}
h2{
	font-size: 22px;
	color: #2749a0;
	border-bottom: 1px dotted #2749a0;
	font-weight:bold;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
}
h3{
	font-size: 19px;
	font-weight:bold;
	padding: 15px 0 0 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px dotted #0A1F62;
	margin-bottom:3px;
}
h4{
	font-size: 17px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
	color: #2749A0;
}
h5{
	font-size: 15px;
	font-weight:bold;
	padding: 0;
	margin: 0;
	text-align: center;
}
p{
	font-size:14px;
	line-height: 17px;
	padding: 4px 0;
	margin: 0;
	text-align: justify;
}
a{
	color: #0a1f62;
}
a:visited{
	color: #2749a0;
}
a:hover{
	color: red;
}
.TipText{
	text-align: right;
	font-size: 12px;
	padding: 30px 15px 0 0;
}
.RedCtrText{
	font-size: 12px;
	color:red;
	text-align: center;
}
.RedCtrText a{
	font-size: 12px;
	text-align: center;
	padding: 0;
	margin: 0;
}
.CenterText{
	text-align: center;
}
.RightText{
	text-align: right;
}
.TopRightText{
	text-align: right;
	vertical-align: top;
}
.LeftText{
	text-align: left;
}
.RightText{
	text-align: right;
}
#Center{
	margin: auto;
	text-align: center;
}
.Center{
	margin: auto;
	text-align: center;
}
.PList p{
	padding: 2px 0 10px 0;
}
.Text16px{
	font-size: 16px;
}
.TOTWHeading{
	font-size: 22px;
	color: #2749a0;
	border-bottom: 1px dotted #2749a0;
	font-weight:bold;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: left;
}
.TOTWHeading a{
	text-decoration: none;
	color: #2749a0;
}
.TOTWHeading a:hover{
	text-decoration: none;
	color: red;
}
.TOTWDate{
	font-size: 16px;
	color: #AAAAAA;
	font-weight: bold;
	text-align: right;
	margin: -20px 0 8px 0;
	padding: 0 0 15px 0;
}
.ReadMore a{
	color: red;
	text-align: right;
	padding-left: 20px;
	background: url(/images/ReadMoreArrow-Red.gif) no-repeat 0 50%;
}
.ReadMore a:hover{
	color: #2749a0;
	text-align: right;
	padding-left: 20px;
	background: url(/images/ReadMoreArrow-Blue.gif) no-repeat 0 50%;
}

.ReadMoreBlue a{
	color: #2749a0;
	text-align: right;
	padding-left: 20px;
	background: url(/images/ReadMoreArrow-Blue.gif) no-repeat 0 50%;
}
.ReadMoreBlue a:hover{
	color: red;
	text-align: right;
	padding-left: 20px;
	background: url(/images/ReadMoreArrow-Red.gif) no-repeat 0 50%;
}

.Download a{
	color: #2749a0;
	padding-left: 175px;
	background: url(/images/Btn-Download.jpg) no-repeat 0 50%;
	line-height:35px;
	display: block;
}
.Download a:hover{
	color: green;
	padding-left: 175px;
	background: url(/images/Btn-Download-Hov.jpg) no-repeat 0 50%;
	line-height:35px;
	display: block;
}

.GreyText{
	color: #555555;
}
.RedText{
	color: red;
}
.ErrorText{
	color: red;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
}
.RedText a{
	color: red;
}
.BlueText{
	color: #2749a0;
}
.GreenText{
	color: green;
}
.RedText a:hover{
	color: #0a1f62;
}
.RedTextLarge{
	color: red;
	font-size: 28px;
	font-weight:bold;
}
.SmallBlueText{
	color: #2749a0;
	font-size: 10px;
}
.SmallWhiteText{
	color: white;
	font-size: 12px;
}
.LargeWhiteText{
	color: white;
	font-size: 18px;
}
.BoldBlueText{
	color: #2749a0;
	font-weight: bold;
}
.CenterBlueText{
	font-size:18px;
	text-align:center;
	color: #2749a0;
	font-weight: bold;
	line-height:22px;
}
.LargeBoldBlueText{
	color: #0a1f62;
	font-size: 16px;
	font-weight: bold;
}

input[type=text] {
	background: #b2cfff;
	padding:2px 0;
}
input[type=password] {
	background: #b2cfff;
	padding:2px 0;
}
select {
	background: #b2cfff;
	padding:2px 0;
}
textarea{
	background: #b2cfff;
}
#MainBtm p{
	padding: 0 0 5px 0;
}

#MainBtm {
	padding: 0;
}

#MainCenter p{
	text-align: center;
}
fieldset {
	padding-top: 5px;
	border: 1px solid #959595;
	border-right: 2px solid #959595;
	border-bottom: 2px solid #959595;
}
fieldset legend{
	line-height: 20px;
	color: #959595;
	border: 1px solid #959595;
	border-right: 2px solid #959595;
	border-bottom: 2px solid #959595;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 16px;
}
td{
	padding: 0 3px;
}

.SubHeading{
	text-align: center;
	font-size: 20px;
	color: #2749a0;
	font-weight: bold;
	line-height: 26px;
}
.TopBorder{
	border-top: 1px solid grey;
}

/*Information Table*/
.InfoTable{
	background-color:#0a1f62;
	margin: auto;
}
.InfoTable p{
	font-size: 12px;
}

.BG-LightBlue{
	background-color:#D7E6FF;
}
.BG-DarkBlue{
	background-color:#CAD9F3;
}
.BG-TitleBlue{
	background-color:#0A1F62;
}

/*Positioning*/
.PadLeft150{
	padding-left:150px;
}

#Container1{
	margin: auto;
	width: 800px;
}
#Container2{
	margin: auto;
	width: 775px;
}
#Header{
	margin: auto;
	padding: 0;
	height: 125px;
}
#MainTop{
	margin: auto;
	height: 345px;
	width: 650px;
	padding: 0 0 0 30px;
}
.Login{
	margin: auto;
	height: 349px;
	width: 758px;
	background: url(/images/BG-Login.jpg) no-repeat top center;
	text-align: center;
	color: white;
}
.Login p{
	text-align:center;
	font-weight: bold;
	font-size: 16px;
}
.Login a{
	color: white;
	font-size: 12px;
}
.Login a:hover{
	color: #cccccc;
	font-size: 12px;
}
#MainContent{
	margin: auto;
	margin-top: 18px;
	height: 310px;
	width: 744px;
}

#MainBtmContainer{
	margin: auto;
	margin-top:30px;
	padding: 0;
}
#MainBtm{
	margin: auto;
	width: 750px;
	clear: both;
}
#MainCenter{
	clear: both;
	margin: auto;
	width: 750px;
	text-align: center;
}
#Footer{
	clear: both;
	margin: auto;
	margin-top: 20px;
	padding: 10px 0;
	border-top: 2px solid #2749a0;
}
.FooterText{
	color:#2749a0;
	width:100%;
	text-align:center;
}
.Logo{
	text-indent: -2000px;
	height:119px;
}
	


#Footer p{
	color: #2749a0;
	font-size: 16px;
	text-align: center;
	border-top: 1px dotted #2749a0;
}
.SearchBox {
	margin: 6px 5px 6px 25px;
}
.SearchBtn{
	margin: 2px 5px 0 0;
}
#Logout{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 125px;
	height: 25px;
}

/*2 column layout*/
#LftContent{
	float: right;
	width: 200px;
	margin: 0;
	padding: 5px 0 10px 25px;
}
#LftContentNav{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#LftContentNav ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 199px;
}
#LftContentNav li{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 199px;
}
#LftContentNav a{
	text-decoration: none;
	line-height: 27px;
	margin-left: 10px;
}
.LeftMenuTitle {
	padding: 8px 10px;
	font-size: 14px;
	color: white;
	font-weight: bold;
}

.LM-Top {
	background: url(/images/BG-LftMenu-Top.gif) no-repeat top left;
	height: 34px;
}
.LM-Mid{
	background: url(/images/BG-LftMenu-Mid.gif) repeat-y;
	height: 27px;
	border-bottom: 1px solid #757575;
}

.LM-Btm {
	background: url(/images/BG-LftMenu-Btm.gif) no-repeat top left;
	height: 30px;
}
#RtContent{
	float: right;
	width: 550px;
}


/*Backgrounds*/
body{
	background: url(/images/BG-Main.jpg) repeat-x fixed top left;
}
#Container1{
	background: url(/images/BG-Top.gif) no-repeat top left;
	background-color: white;
}
#Container2{
}
.Logo{
	background: url(/images/BG-Header.jpg) no-repeat top left;
}
.TipOWeek{
	margin: auto;
	margin-top:30px;
	padding: 0;
	background: url(/images/BG-TipOWeek.gif) no-repeat top left;
}
.FreedomPres{
	background: url(/images/BG-L4UFreedom.gif) no-repeat top left;
}
.UserGroup{
	margin: auto;
	margin-top:30px;
	padding: 0;
	background: url(/images/BG-UserGroup.gif) no-repeat top left;
	padding: 50px 0 0 0;
}
.Survey{
	margin: auto;
	margin-top:30px;
	padding: 0;
	background: url(/images/BG-Survey.gif) no-repeat top left;
	padding: 50px 0 0 0;
}
.BG-Details{
	float: left;
	width: 200px;
	height: 293px;
	padding: 0;	
	background: url(/images/BG-Details.jpg) no-repeat top center;
}
.BG-Support{
	float: left;
	width: 200px;
	height: 293px;
	padding: 0;	
	background: url(/images/BG-Support.jpg) no-repeat top center;
}
.BG-Downloads{
	float: left;
	width: 200px;
	height: 293px;
	padding: 0;	
	background: url(/images/BG-Downloads.jpg) no-repeat top left;
}
.BG-Training{
	float: left;
	width: 200px;
	height: 293px;
	padding: 0;	
	background: url(/images/BG-Training.jpg) no-repeat top center;
}
.BG-KidsImage{
	background: url(/images/KidsImage-BG.jpg) no-repeat top right;
	height: 283px;
}

/*Drop Down Menu*/
#nav, #nav ul {
	float:right;
	padding: 0;
	margin: -50px 75px 0 0;
	list-style: none;	
	text-align: center;
}

#nav a{
	font-size: 13px;
	font-weight: bold;
	padding: 10px 35px;
	float: left;
	margin: 0;
	text-decoration: none;
	color: white;
	display:block;
}
#nav a:hover{
	background-color: #2749a0;
}
#nav a.SubNav {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	width: 200px;
	background-color: #2749a0;
	border: 1px solid black;

}
#nav a.SubNav:hover{
	background-color: #0a1f62;
}

#nav li.btn {
	height: 35px;
	float: left;
	padding: 0;
	margin: 0;
	list-style:none;
	border-left: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
#nav li.right {
	height: 35px;
	float: left;
	padding: 0;
	margin: 0;
	list-style:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	top: 167px;
	left: 0;
	background: none;
	border:none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	border:none;
	clear: left;
	padding:0;
}
#nav li ul li{
	border: none;
	padding:0;
	clear: left;
}

/*End Drop Down*/

/*MTIcons List*/
.MTIcons{
	margin-top: 180px;		
}

.MTIcons  li{
	list-style: none;
	padding: 0 0 5px 10px;
	background: url(/images/Arrow-Blue.gif) no-repeat 0 5px;
}
.MTIcons li:hover{
	background: url(/images/Arrow-Red.gif) no-repeat 0 5px;
}
.MTIcons a{
	color: #0a1f62;
	text-decoration: none;
	font-size: 12px;
}
.MTIcons a:hover{
	color: red;
	text-decoration: underline;
}

/*Orderd Lists*/

ul.TOW{
	margin-top:3px;
}
.TOW li{
	padding: 3px 0;
	color: #0a1f62;
	font-size: 13px;
}

/*FAQ PAge*/
.FAQDivider{
	padding: 3px 0 8px 0;
}
.FAQDivider p{
	padding: 2px 0;
}
.FAQ{
	font-family: Georgia, Serif;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	color: #0a1f62;
	padding-right: 2px;	
}
/*End of FAQ Page*/

.FloatHalf{
	float: left;
	width: 375px;
	padding: 0 0 0 0px;
}
.FloatHalfWin{
	float: left;
	width: 150px;
	padding: 0 0 0 190px;
}
.FloatHalfMac{
	float: left;
	width: 150px;
	padding: 0 0 0 70px;
}
a.WindowsLogo{
	width: 150px;
	height: 183px;
	text-indent: -10000px;
	background: url(/images/Btn-WinLogo.jpg) no-repeat top right;
	display: block;
}
a.WindowsLogo:hover{
	width: 150px;
	height: 183px;
	text-indent: -10000px;
	background: url(/images/Btn-WinLogo-Hov.jpg) no-repeat top right;
	display: block;
}
a.MacLogo{
	width: 150px;
	height: 183px;
	text-indent: -10000px;
	background: url(/images/Btn-MacLogo.jpg) no-repeat top left;
	display: block;
}
a.MacLogo:hover{
	width: 150px;
	height: 183px;
	text-indent: -10000px;
	background: url(/images/Btn-MacLogo-Hov.jpg) no-repeat top left;
	display: block;
}
.FloatQuarter{
	float: left;
	width: 170px;
	padding: 0 0 0 10px;
}
.Clear{
	clear: both;
}

/*Start iPAC Downloads*/
a.iPACStand {
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACStandard.jpg) no-repeat top center;
	display: block;
}
a.iPACStand:hover{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACStandard-Hov.jpg) no-repeat top center;
	display: block;
}

a.iPACAcademic{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACAca.jpg) no-repeat top center;
	display: block;
}
a.iPACAcademic:hover{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACAca-Hov.jpg) no-repeat top center;
	display: block;
}

a.iPACCandy{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACCandy.jpg) no-repeat top center;
	display: block;
}
a.iPACCandy:hover{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACCandy-Hov.jpg) no-repeat top center;
	display: block;
}

a.iPACCandyLite{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACCandyLite.jpg) no-repeat top center;
	display: block;
}
a.iPACCandyLite:hover{
	width: 165px;
	height: 141px;
	text-align: center;
	text-indent: -10000px;
	background: url(/images/Btn-iPACCandyLite-Hov.jpg) no-repeat top center;
	display: block;
}

/*Tip Of theWeek Style*/
body.TOTW {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
}
body.TOTW #MainBtm p{
	font-size:12px;
	color:#666666;
	line-height:18px;
}
body.TOTW  .Title{
	font-size:24px;
	color:#0a1f62;
	text-align:center;
	font-weight:bold;
	line-height:30px;
}
body.TOTW  #MainBtm  .FirstParagraph{
	font-size:14px;
	color:#2749a0;
	font-weight:bold;
	text-align: justify;
}
body.TOTW  #MainBtm  .FirstParagraph2{
	font-size:16px;
	color:#2749a0;
	font-weight:bold;
	text-align:center;
}
body.TOTW  #MainBtm .SubHeading{
	font-size:20px;
	color:#0a1f62;
	font-weight:bold;
	line-height: 24px;
	text-align: left;
}

body.TOTW  #MainBtm  .SubSubHeading{
	font-size:16px;
	color:#2749a0;
	font-weight:bold;
	line-height: 20px;
	text-align: left;
}
body.TOTW  #MainBtm .DateText{
	font-size:10px;
	color:grey;
	text-align:center;
	line-height:22px;
	Border-top: 1px solid #0a1f62;
	padding-top:15px;
}
body.TOTW  li{
	font-size:12px;
	color:#666666;
	line-height:18px;
	padding:0 0 3px 0;
}
body.TOTW  .smallText{
	font-size:10px;
}
body.TOTW  .centerText{
	text-align:center;
}

.FreedomPresentations{
	background: url(/images/FreedomLogo.jpg) no-repeat top left;
	padding-left: 200px;
}