/* CSS Document */

body{background:url(../img/bg.jpg);}
.layout{width:990px; margin:0 auto;}

.top{ width:655px; display:block; margin-left:102px; margin-top:20px; z-index:2; position:relative;}
.logo{ float:left;}
.slogan{ float:left; margin-left:10px; margin-top:20px;}
#top img.people {
	position:absolute;
	top:79px;
	right:344px;
	z-index:102;
	}
.contentboxtop{width:100%; display:block; margin-top:-25px;}
.contentboxtopleft{float:left; width:10px; height:26px; background:url(../img/contenttopleft.gif) no-repeat;}
.contentboxtopmid{float:left; height:26px; width:628px; background:url(../img/contenttopmid.gif) repeat-x}
.contentboxtopright{float:left; width:11px; height:26px; background:url(../img/contenttopright.gif) no-repeat;}
.divider{height:15px; float:left; width:100%;}


.mid{width:752px; display:block; float:left;  z-index:2; position:relative;}
.midleftnav{width:102px; display:block; float:left; position:fixed;}
.buttonhome{width:68px; height:29px; background:url(../img/buttonhome.gif) no-repeat; float:left; color:bdd7e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bdd7e4; padding:10px 0 0 33px; text-decoration:none;}
.buttonreport{width:68px; height:29px; background:url(../img/buttonreport.gif) no-repeat; float:left; color:bdd7e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bdd7e4; padding:10px 0 0 33px; text-decoration:none;}
.buttonuser{width:68px; height:29px; background:url(../img/buttonuser.gif) no-repeat; float:left; color:bdd7e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bdd7e4; padding:10px 0 0 33px; text-decoration:none;}
.buttonforum{width:68px; height:29px; background:url(../img/buttonforum.gif) no-repeat; float:left; color:bdd7e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bdd7e4; padding:10px 0 0 33px; text-decoration:none;}
.buttonsimulations{width:68px; height:29px; background:url(../img/buttonsimulations.gif) no-repeat; float:left; color:bdd7e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bdd7e4; padding:10px 0 0 33px; text-decoration:none;}
.buttonproducts{width:68px; height:29px; background:url(../img/buttonproducts.gif) no-repeat; float:left; color:bdd7e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bdd7e4; padding:10px 0 0 33px; text-decoration:none;}

.midcontent{width:650px; float:right; display:block; margin-left:102px;}
.contentboxmidleft{width:10px; height:760px; background:url(../img/contentmidleft.jpg) repeat-y; float:left}
.contentboxmidcenter{ background:url(../img/contentmidbg.jpg) repeat-y; min-height:550px; height:auto; width:649px; padding-left:10px; float:left;}
.contentboxmidright{height:760px; width:11px; background:url(../img/contentmidright.jpg) repeat-y; float:left;}



/*Right Side Section*/
.right{ width:238px; height:650px; float:right; z-index:1;}

.profilebox{ width:268px; height:168px; margin-left:-30px; margin-top:-100px; z-index:-1; position:fixed;}
.profileboxtopleft{ width:7px; height:7px; background:url(../img/profileboxtopleft.gif); float:left}
.profileboxtopmid{ width:254px; height:7px; background:#2c739a; float:left;}
.profileboxtopright{ width:7px; height:7px; background:url(../img/profileboxtopright.gif); float:left;}
.profileboxmid{ width:268px; height:127px; background:#2c739a; float:left;}
.profileboxbottomleft{ width:7px; height:34px; background:url(../img/profileboxbottomleft.gif); float:left;}
.profileboxbottommid{ width:227px; height:34px; background:#2c739a; float:left}
.profileboxbottomright{ width:34px; height:34px; background:url(../img/profileboxbottomright.gif); float:left;}

.recsimsbox{width:238px; height:auto; margin-top:75px; margin-left:-1px; float:left; position:fixed;}
.recsimsboxtopleft{ width:231px; height:30px; background:url(../img/titlebarbg.jpg); float:left;}
.recsimsboxtopright{ width:7px; height:30px; background:url(../img/titlebartopright.gif); float:left;}
.recsimsboxmid{width:228px; height:auto; background:#2c739a; float:left; padding:5px;}
.recsimsboxbottomleft{width:204px; height:34px; background:#2c739a; float:left;}
.recsimsboxbottomright{width:34px; height:34px; background:url(../img/profileboxbottomright.gif); float:left;}

.recproductsbox{width:238px; height:242px; margin-top:295px; margin-left:-1px; float:left; position:fixed;}
.recproductsboxtopleft{width:231px; height:30px; background:url(../img/titlebarbg.jpg); float:left;}
.recproductsboxtopright{width:7px; height:30px; background:url(../img/titlebartopright.gif); float:left;}
.recproductsboxmid{width:228px; height:auto; background:#2c739a; float:left; padding:5px;}
.recproductsboxbottomleft{width:204px; height:34px; background:#2c739a; float:left;}
.recproductsboxbottomright{width:34px; height:34px; background:url(../img/profileboxbottomright.gif); float:left;}

.footer{ width:100%; height:54px; display:block; z-index:120; position:fixed; bottom:0; left:0;}
.footerleft{ width:11px; height:54px; background:url(../img/footerleft.gif); float:left;}
.footermid{width:100%; height:54px; background:#33383c; float:left;}
.footertext{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#73808b; margin-top:20px; float:left;}
.footerright{ width:11px; height:54px; background:url(../img/footerright.gif); float:left;}
.dockicons{margin-left:45%; display:block;}
.dock_alert {background:url(../img/dock_alter.png) no-repeat; float:left; width:48px; height:72px; margin-top:-35px; padding-right:5px;}
.dock_add{background:url(../img/dock_add.png) no-repeat; float:left; width:48px; height:72px; margin-top:-35px; padding-right:5px;}
.dock_settings{background:url(../img/dock_settings.png) no-repeat; float:left; width:48px; height:72px; margin-top:-35px; padding-right:5px; }
.dock_notepad{background:url(../img/dock_notepad.png) no-repeat; float:left; width:48px; height:72px; margin-top:-35px; padding-right:5px;}
.dock_diary{background:url(../img/dock_diary.png) no-repeat; float:left; width:48px; height:72px; margin-top:-35px; padding-right:5px;}

.mysimbox{ width:610px; height:auto; float:left; padding-left:10px;}
.mysimtopleft{width:14px; height:41px; background:url(../img/contentboxtopleft.gif); float:left;}
.mysimtopmid{width:582px; height:41px; background:url(../img/contentboxtopmid.gif); float:left;}
.mysimtopright{width:14px; height:41px; background:url(../img/contentboxtopright.gif); float:left;}
.mysimmidleft{ width:11px; height:275px; background:url(../img/mysimbox_midleft.jpg); float:left;}
.mysimmidcenter{ width:610px; height:550px; background:url(../img/mysimbg.jpg) repeat-y; padding-bottom:10px; float:left;overflow-y:auto;overflow-x:hidden;}
.mysimmidright{ width:11px; height:275px; background:url(../img/mysimbox_midright.jpg); float:left;}
.mysimbottomleft{ width:11px; height:11px; background:url(../img/contentboxbottomleft.png); float:left;}
.mysimbottommid{ width:588px; height:11px; background:url(../img/contentboxbottommid.jpg) repeat-x; float:left;}
.mysimbottomright{ width:11px; height:11px; background:url(../img/contentboxbottomright.png); float:left;}

.searchbox{width:210px; float:left; padding-top:15px; padding-left:10px;}
.searchboxtopleft{width:14px; height:41px; background:url(../img/contentboxtopleft.gif); float:left;}
.searchboxtopmid{width:182px; height:41px; background:url(../img/contentboxtopmid.gif); float:left;}
.searchboxtopright{width:14px; height:41px; background:url(../img/contentboxtopright.gif); float:left;}
.searchboxmidleft{ width:11px; height:275px; background:url(../img/mysimbox_midleft.jpg); float:left;}
.searchboxmidcenter{ width:188px; height:275px; background:url(../img/mysimbox_midcenter.jpg); float:left;}
.searchboxmidright{ width:11px; height:275px; background:url(../img/mysimbox_midright.jpg); float:left;}
.searchboxbottomleft{ width:11px; height:11px; background:url(../img/contentboxbottomleft.gif); float:left;}
.searchboxbottommid{ width:188px; height:11px; background:#328ee4; float:left;}
.searchboxbottomright{ width:11px; height:11px; background:url(../img/contentboxbottomright.gif); float:left;}

.forumbox{width:389px; float:left; padding-top:15px; padding-left:10px;}
.forumtopleft{width:14px; height:41px; background:url(../img/contentboxtopleft.gif); float:left;}
.forumtopmid{width:361px; height:41px; background:url(../img/contentboxtopmid.gif); float:left;}
.forumtopright{width:14px; height:41px; background:url(../img/contentboxtopright.gif); float:left;}
.forummidleft{ width:11px; height:275px; background:url(../img/mysimbox_midleft.jpg); float:left;}
.forummidcenter{ width:367px; height:275px; background:url(../img/mysimbox_midcenter.jpg); float:left;}
.forummidright{ width:11px; height:275px; background:url(../img/mysimbox_midright.jpg); float:left;}
.forumbottomleft{ width:11px; height:11px; background:url(../img/contentboxbottomleft.gif); float:left;}
.forumbottommid{ width:367px; height:11px; background:#328ee4; float:left;}
.forumbottomright{ width:11px; height:11px; background:url(../img/contentboxbottomright.gif); float:left;}

.titlebartext{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2c739a; padding-top:12px;}
.righttitlebartext{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2c739a; padding-left:10px; padding-top:8px; float:left;}
.whitetitlebartext{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding-left:35px; padding-top:8px; float:left;}
.contenttextblue{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#025685;}
.contenttextwhite{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; float:left;}

.profilephotoicon{ width:80px; height:70px; background:url(../img/profilephotoicon.jpg) no-repeat; float:right; padding-right:15px;}


.mysimcontent{width:590;}
.graybar{width:460px; height:25px; float:left; background:#e3e3e3; margin-top:10px;}
.thumbviewicon{width:25px; height:24px; background:url(../img/icon_thumbview.jpg) no-repeat; float:left; margin-top:10px; margin-left:5px;}
.listviewicon{width:25px; height:24px; background:url(../img/icon_listview.jpg) no-repeat; float:left; margin-top:10px; margin-left:5px;}
.atozicon{width:25px; height:24px; background:url(../img/icon_atoz.jpg) no-repeat; float:left; margin-top:10px; margin-left:5px;}
.timeviewicon{width:25px; height:24px; background:url(../img/icon_timeview.jpg) no-repeat; float:left; margin-top:10px; margin-left:5px;}
.mysimdata{width:565px; float:left;}
.mysimalphabet{width:555px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; margin-left:10px; margin-top:10px;}
.dots{width:100%; height:5px; float:left; background:url(../img/whitedot.gif) repeat-x;}
.mysimthumbnailbg{width:129px; height:75px; background:url(../img/simulation_tnbg.gif); float:left; margin:9px 0 0 11px;}
.mysimtntitle{width:125px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; padding-left:6px; padding-top:4px;}
.mysimicon1{width:45px; height:49px; background:url(../img/icon_sim1.png) no-repeat; float:left; margin-left:6px;}
.mysimicon2{width:45px; height:49px; background:url(../img/icon_sim2.png) no-repeat; float:left;}
.mysimicon3{width:45px; height:49px; background:url(../img/icon_sim3.png) no-repeat; float:left;overflow:hidden;}
.mysimlinktext{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left:10px;}
.searchgobutton{width:21px; height:20px; background:url(../img/icon_searchgo.png) no-repeat; float:left; margin-left:4px;}
.profilewelcometext{width:220px; height:40px; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding-left:35px;}
.arial10white{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; padding-left:58px;}
.profileboxcontent{width:160px; display:block; float:left; margin-top:5px;}
.myprofileicon{ width:16px; height:18px; background:url(../img/icon_myprofile.png) no-repeat; float:left; margin-left:40px;}
.changepasswordicon{width:16px; height:18px; background:url(../img/icon_changepassword.png) no-repeat; float:left; margin-left:40px;}
.settingsicon{width:17px; height:19px; background:url(../img/icon_settings.png) no-repeat; float:left; margin-left:40px;}
.shoppingcart{}
.myprofiletext{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; margin-left:10px; margin-top:4px; width:90px; height:18px; float:left;}
.cartimg{width:23px; height:18px; background:url(../img/carticon.jpg); float:left; margin-left:32px;}
.carttext{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CCC; float:left; margin-left:5px;}
.righttitles{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; float:left;}
.righttext{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:left;}
.previousicon{ width:19px; height:19px; background:url(../img/previousbutton.gif) no-repeat; float:left; margin:5px;}
.nexticon{width:19px; height:19px; background:url(../img/nextbutton.gif) no-repeat; float:right; margin-top:5px; margin-left:17px;}

.recicons{width:215px; float:left;}
.cartsmallicon{width:30px; height:17px; background:url(../img/carticonsmall.jpg) no-repeat; float:left;}
.shareicon{width:33px; height:19px; background:url(../img/shareicon.jpg) no-repeat; float:left;}
.pricetagicon{width:25px; height:21px; background:url(../img/pricetag.jpg) no-repeat; float:left;}
.pricetext{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#F00; font-weight:bold; float:left;}


.formtext{font-family:Arial, Helvetica, sans-serif;	font-size:11px; color:#fff; font-weight:normal;}
.contentfooter{height:140px; width:649px; float:left; background:url(../img/contentfooter.png) no-repeat;}
.redstar{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#F00;}
.inputbox{width:170px; color:#000; font-size:11px;}
.inputbox_dob{width:30px; color:#000; font-size:11px;}
.graytitlebar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1F6B99;
	font-weight:bold;
	height:17px;
	width:580px;
	background:#f4f4f4;
	line-height:17px;
	margin-left:20px;
}
.reviewtabletext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1f6b99;
	display:block;
	float:left;
	margin-left:20px;	
}
.reviewtablesubtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	margin-left:20px;
	
}
.redtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F00;
	float:left;
	text-indent:272px;
    padding: 20px 5px 0 0; 
}
.listviewtext{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff;}
.formlabletext{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff;}
.forminputbox{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}


.bluebutton{height:18px;}
.bluebuttonleft{height:18px; width:4px; background:url(../img/bluebuttonleft.png) no-repeat; float:left;}
.bluebuttonmid{height:18px; width:auto; background:url(../img/bluebuttonmid.png) repeat-x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; padding:2px;}
.bluebuttonright{height:18px; width:22px; background:url(../img/bluebuttonright.png) no-repeat; float:left;}
.viewtext{font-family:Arial, Helvetica, sans-serif;	font-size:12px; color:#fff; font-weight:normal;}



/*----------dock effects--------------*/

img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 50px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 120px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #fff; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.errorpagetop{width:650px; display:block; margin-top:20px;}
.errorredtext{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#F00; float:left; padding-top:12px;}
.errorwhitetext{ width:580px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFF; margin-top:33px; text-align:center;}
.errorimg{ width:30px; height:28px; background:url(../img/error.png) no-repeat; float:left; margin-top:30px; margin-left:200px;}
.errorwhitetextsmall{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; clear:left; float:left; margin-top:13px; width:580px;}
.errorpagemidcontent{width:650px; display:block;}
.erroricon{ background:url(../img/erroricon.png) no-repeat; height:20px; width:22px; float:left; margin-top:10px;}
.errorlayout{width:645px; margin:0 auto;}
.successicon{ background:url(../img/icon_activate.png) no-repeat; height:20px; width:22px; float:left; margin-top:10px;}


.allowed {
	padding: 0 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #090;
}

.notAllowed {
	padding: 0 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
}

#agreement form {
	margin: 0;
	padding: 0;
}

#agreement textarea {
	background-color: #FFF;
	height: 180px;
	border: 1px solid #C60;
	padding-left: 5px;
	width: 475px; /* actual value */
	vertical-align:middle;
}
html>#agreement textarea {
width: 300px; /* be nice to opera */
}



#enterLink {
	margin: 20px 0;
	padding: 5px 0;	
	text-align: center;
	font-weight: bold;
}

#enterLink a {
	color: #F00;
	font-weight: bold;
	font-size: medium; /* actual value */
}
html>#enterLink a {
	font-size: medium; /* be nice to opera */
}

#enterLink a:hover {
	text-decoration: none;
}


.techCheck{
	font-family:Arial, Helvetica, sans-serif;
	 font-size:12px; 
	color: #FFF;
	width:auto;		
}