@font-face {
	font-family: 'RalewayRegular';
	src: url('fonts/Raleway-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'RalewaySemiBold';
	src: url('fonts/Raleway-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'RalewayExtraBold';
	src: url('fonts/Raleway-ExtraBold.ttf') format('truetype');
}

.bodyText11 { font-family:arial; font-size:11px; color:#000000;}

.btnAccount {
	float:left;
	height:32px;
	width:110px;
	padding-top:10px;
	margin-top:50px;
	background-color:#cccccc;
	text-align:center;
	font-family:RalewayLight, arial, verdana; 
	font-size: 16px; 
	color:#000000;
	border-radius: 15px 15px 15px 15px; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnAccount:hover   { background-color:#00317e; color:#ffffff }


.divHome { 
	float:none; 
	display: block; 
	background: url('../images/bkgSmartPhoneRedHead.jpg') #ffffff center top no-repeat; 
	height:800px; 
	width:100%; 
	overflow:hidden; 
	z-index:0;
}

.divDownloadHome { 
	float:none; 
	display: block; 
	height:800px; 
	width:100%; 
	left:0px;
	overflow:hidden; 
	z-index:0;
}

.divHomeSmall { 
	float:none; 
	display: block; 
	background: url('../images/bkgSmartPhoneRedHeadSm.jpg') #ffffff center top no-repeat; 
	height:750px; 
	width:100%; 
	overflow:hidden; 
	z-index:0; 
}

.divDownloadHomeSmall { 
	float:none; 
	display: block; 
	height:750px; 
	width:100%; 
	left:0px;
	overflow:hidden; 
	z-index:0; 
}

.optTabSide { 
	float:left; 
	width:140px; 
	height:35px; 
	background-color:#1a75ce; 
	border-radius: 15px 0px 0px 15px; 
	border: none; 
	margin-top:3px; 
	margin-left:-5px; 
	padding-top:15px; 
	list-style-type: none; 
	font-family: RalewayRegular, arial, verdana, 'sans serif'; 
	font-size: 16px; 
	color: #ffffff; 
	line-height: 1.2; 
	z-index:20; 
	text-indent:10px; 
	text-align:left; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnInfo {
	z-index: 50;
	width:200px; 
	height:35px; 
	background-color:#1a75ce; 
	border-radius: 15px 15px 15px 15px; 
	border: none; 
	padding-top:15px; 
	font-family: RalewayRegular, arial, verdana, 'sans serif'; 
	font-size: 16px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-indent:10px; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnInfoDisabled {
	z-index: 50;
	width:200px; 
	height:35px; 
	background-color:#aaaaaa; 
	border-radius: 15px 15px 15px 15px; 
	border: none; 
	padding-top:15px; 
	font-family: RalewayRegular, arial, verdana, 'sans serif'; 
	font-size: 16px; 
	color: #cccccc; 
	line-height: 1.2; 
	text-indent:10px; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnGoPageOpts {
	float:none;
	z-index: 50;
	width:130px; 
	height:60px; 
	background-color:#777777; 
	border-radius: 15px 15px 15px 15px; 
	border: none; 
	font-family: RalewayRegular, arial, verdana, 'sans serif'; 
	font-size: 16px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-indent:10px; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnGoPageOpts:hover {
	background-color:#1a75ce; 
}

.btnGoCampusFound {
	float:none;
	z-index: 50;
	width:280px; 
	height:70px; 
	background-color:#1a75ce; 
	border-radius: 15px 15px 15px 15px; 
	border: none; 
	font-family: RalewayRegular, arial, verdana, 'sans serif'; 
	font-size: 16px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-indent:10px; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnGoCampusFound:hover {
	background-color:#FFCC00; 
	color: #000000; 
}

.optTabSide:hover   { width:150px; margin-left:-20px; background-color:#00317e }

.tabTools { position:fixed; right:0px; width:200px; height:40px; top:0px; background: url('images/tab_tools.png') top right no-repeat; list-style-type: none; z-index:15; }
.tabTools:hover   { background: url('images/tab_tools_white.png') top right no-repeat; }

.pageOptionFrameCenter { float:none; width:450px; margin-top:100px; min-height:100px; padding:12px; border: solid 4px #EBEBEB; background-color:#EBEBEB; }
.pageOptionHead { font-family:RalewayRegular, arial, verdana; font-size: 26px; color:#3c78b4; line-height: 1.5 }
.pageOptionText { font-family:arial, verdana; font-size: 13px; color:#000000; line-height: 1.5 }
.pageOptionTextSmall { font-family:arial, verdana; font-size: 10px; color:#555555; line-height: 1.1 }

.borderWhite { height:3px; background-color:#ffffff; margin-bottom:5px; margin-top:5px; color:#ffffff; border: 0; }

.pageHeadline { font-size:40px; font-family:RalewayRegular;width:600px;height:40px;color:#ffffff;text-align:center;margin-top:20px;margin-right:150px; }
.pageHeadlineSm { font-size:35px; font-family:RalewayRegular;width:100%;height:40px;color:#ffffff;text-align:center;margin-top:20px; }

.pageHeadlineBlue { font-size:40px; font-family:RalewayRegular;width:600px;height:40px;color:#00317e;text-align:center;margin-top:20px;margin-right:150px; }
.pageHeadlineSmBlue { font-size:35px; font-family:RalewayRegular;width:100%;height:40px;color:#00317e;text-align:center;margin-top:20px; }

.btnCampus { 
	float:left;
	width:300px;
	top:20px;
	height:120px;
	background-color:#dddddd;
	border-radius: 15px 15px 15px 15px; 
	box-shadow: inset 3px -3px 3px rgba(0,0,0,0.5), inset 3px 3px 3px rgba(255,255,255,1) 
}

.btnAddCampus { 
	float:left;
	width:300px;
	top:20px;
	height:90px;
	background-color:#1a75ce;
	font-family: RalewaySemiBold, arial, verdana, 'sans serif'; 
	font-size: 26px; 
	color: #ffffff; 
	padding-top:30px;
	border-radius: 15px 15px 15px 15px; 
	box-shadow: inset 3px -3px 3px rgba(0,0,0,0.5), inset 3px 3px 3px rgba(255,255,255,1) 
}

.btnAddCampusx {
	z-index: 50;
	width:200px; 
	height:35px; 
	background-color:#1a75ce; 
	border-radius: 15px 15px 15px 15px; 
	border: none; 
	padding-top:15px; 
	line-height: 1.2; 
	text-indent:10px; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}