@import url(http://fonts.googleapis.com/css?family=Open+Sans);

* 
{
	font-family:'Open Sans', Arial, sans-serif;
	text-decoration:none;
}

#elearning
{
	background-color:rgb(51,51,51);
	height:480px;
	margin:60px 0 0 0;
	color:#fff;
}

#elearning-top
{
	padding-top:25px;
}

#elearning #elearning-top h1
{
	float:left;
	font-size:48px;
	width:700px;
	font-weight:normal;
	line-height:55px;
	margin-left:5px;
}

#elearning #elearning-top a
{
	float:left;
	width:280px;
	height:80px;
	background:#eb5615;
	text-align:center;
	text-decoration:none;
	border-radius:8px;
	border:solid 1px #000;
	margin:30px 0 0 230px;
}

#elearning #elearning-top a h2
{
	font-size:32px;
	font-weight:bold;
	color:white;
	text-shadow:black 1px 1px 1px;
	margin:8px 0 0 0;
}

#elearning #elearning-top a span
{
	font-size:12px;
	color:#363636;
}

#elearning #elearning-top div.example-wrap
{
	float:left;
	margin:30px 0 0 120px;
}

#elearning #elearning-top div.example-wrap div.examples
{
	float:left;
	width:29px;
	height:29px;
}

#elearning #elearning-top div.example-wrap div.example-one-img
{
	background:url(../../images/elearning/num1.png) no-repeat;
}

#elearning #elearning-top div.example-wrap div.example-two-img
{
	background:url(../../images/elearning/num2.png) no-repeat;
}

#elearning #elearning-top div.example-wrap div.example-three-img
{
	background:url(../../images/elearning/num3.png) no-repeat;
}

#elearning #elearning-top div.example-wrap div.example-content
{
	float:left;
	margin:-3px 0 0 10px;
}

#elearning #elearning-top div.example-wrap div.example-content h3
{
	margin:0;
	font-size:22px;
	font-weight:normal;
}

#elearning #elearning-top div.example-wrap div.example-content p
{
	margin:0;
	width:250px;
	font-size:12px;
}

#example-view
{
	background:url(../../images/elearning/lms.png) no-repeat;
	width:1326px;
	height:771px;
	position:relative;
	top:-195px;
	margin-bottom:-140px;
}

#example-view div.line_one
{
	float:left;
	height:180px;
	border-right:solid 1px #EB5613;
}
#example-view div.line_three
{
	float:left;
	height:300px;
	border-right:solid 1px #EB5613;
}
#example-view div.line
{
	float:left;
	height:400px;
	border-right:solid 1px #EB5613;
}

#example-view div.num-one-line
{
	position:relative;
	top:-75px;
	left:151px;
}

#example-view div.num-two-line
{
	position:relative;
	top:-75px;
	left:560px;
}

#example-view div.num-three-line
{
	position:relative;
	top:-75px;
	left:967px;
}

/* ---- webbased-lms-section ---- */

#webbased-lms-section
{
	background:#e5f4fb;
	height:583px;
}

#webbased-lms-section div.cloud
{
	background:url(../../images/elearning/cloud.png) no-repeat;
	background-position:0 80px;
	width:340px;
	height:475px;
	margin-left:150px;
	margin-right:150px;
	float:left;
}

#webbased-lms-section #lms-content-wrap
{
	padding:80px 0 0 0;
}

#webbased-lms-section #lms-content
{
	float:left;
}

#webbased-lms-section #lms-content div.lms-content-block
{
	float:left;
	margin-right:20px;
	text-align:center;
}

#webbased-lms-section #lms-content div.lms-content-block div
{
	display:inline-block;
	background:url(../../images/elearning/lms_sprites.png) no-repeat;
	width:107px;
	height:107px;
}

#webbased-lms-section #lms-content div.lms-content-block div.sprite-one
{
	background-position:0 0;
}

#webbased-lms-section #lms-content div.lms-content-block div.sprite-two
{
	background-position:0 0;
}

#webbased-lms-section #lms-content div.lms-content-block div.sprite-three
{
	background-position:0 0;
}

#webbased-lms-section #lms-content div.lms-content-block p
{
	font-size:14px;
	color:#008fd5;
	margin:0;
}

#webbased-lms-section div.text
{
	float:left;
	margin:20px 0 0 20px;
}

#webbased-lms-section div.text h1
{
	font-size:36px;
	color:#008fd5;
}

#webbased-lms-section div.text p
{
	font-size:19px;
	color:#666666;
}

div.cloud-wrap
{
	margin:50px 0 0 0;
}

div.cloud-wrap-bottom
{
	padding-top:0;
	width:400px;
}

div.cloud-wrap div.clo
{
	background:url(../../images/elearning/small_clouds.png) no-repeat;
	float:left;
	display:inline-block;
	width:66px;
	height:44px;
	margin:0 20px 0 0;
}

div.cloud-wrap-bottom div.vid
{
	background:url(../../images/elearning/videos.png) no-repeat;
	float:left;
	display:block;
	width:64px;
	height:49px;
	margin:0 20px 0 0;
}

div.cloud-wrap p
{
	text-align:justify;
	float:left;
	font-size:14px !important;
	width:400px;
}

div.cloud-wrap-bottom a
{
	font-size:14px;
	width:400px;
}

/* ----- customizable section ----- */

#customizable-wrap
{
	height:877px;
}

#customizable-wrap #customizable-left
{
	float:left;
	width:450px;
	margin-top:70px;
	margin-right:30px;
}

#customizable-wrap #customizable-left h1
{
	font-size:48px;
	color:#000000;
	font-weight:normal;
	margin:0 0 30px 0;
	line-height:50px;
}

#customizable-wrap #customizable-left h1 u
{
	text-decoration:underline;
}

#customizable-wrap #customizable-left p
{
	font-size:19px;
	color:#777777;
	margin:0;
	text-align:justify;
}

#customizable-wrap #customizable-left a
{
	color:#fff;
	background:#017ff4;
	width:173px;
	height:34px;
	display:inline-block;
	text-align:center;
	border-radius:4px;
	border:solid 1px #076bd2;
	margin:30px 0 0 0;
}

#customizable-wrap #customizable-left a span
{
	display:inline-block;
	margin:6px 0 0 0;
	font-size:17px;
}

#customizable-wrap #customizable-right
{
	margin-top:70px;
	float:left;
	width:787px;
	height:373px;
	background:url(../../images/elearning/google_shot.png) no-repeat;
	background-position:0 0;
}

#customizable-info-wrap
{
	margin-top:150px;
}

#customizable-info-wrap div.info-block
{
	float:left;
	width:300px;
	margin:0 15px 0 0;
	border-top:solid 1px #cccccc;
}

#customizable-info-wrap div.info-block h1
{
	font-size:23px;
	color:#000;
}

#customizable-info-wrap div.info-block p
{
	font-size:15px;
	color:#777777;
	width:280px;
}

/* ----- elearning content style ----- */

#elearning-content-wrap
{
	background:#30beda;
	height:595px;
}

#elearning-content-wrap #elearning-process div.elearning-title
{
	padding:70px 0 0 380px;
}

#elearning-content-wrap #elearning-process div.elearning-title h1, #elearning-content-wrap div.elearning-title h2
{
	color:#fff;
	margin:0;
	font-weight:normal;
}

#elearning-content-wrap #elearning-process div.elearning-title h1
{
	font-size:36px;
}

#elearning-content-wrap #elearning-process div.elearning-title h2
{
	font-size:19px;
}

#elearning-content-wrap #elearning-process
{
	background:url(../../images/elearning/elearning_process.png) no-repeat;
	background-position:170px center;
	width:100%;
	height:595px;
}

#elearning-content-wrap #elearning-process div.elearning-choice
{
	padding:260px 0 0 380px;
}

#elearning-content-wrap #elearning-process div.elearning-choice h1
{
	float:left;
	color:#fff;
	font-size:19px;
	font-weight:normal;
}

#elearning-content-wrap #elearning-process div.elearning-choice a
{
	display:inline-block;
	height:32px;
	width:109px;
	background:#25607F;
	text-align:center;
	border:solid 1px #124D63;
	border-radius:3px;
	margin:14px 0 0 30px;
}

#elearning-content-wrap #elearning-process div.elearning-choice a span
{
	margin-top:5px;
	display:inline-block;
	font-size:13.4px;
	color:white;
}

#elearning-content-wrap #elearning-process div.elearning-side-note
{
	width:300px;
	float:right;
	margin:-73px 20px 0 0;
	color:#fff;
}

/* ----- floater style -----*/

.new-divider-wrap
{
	font-size:12px;
}

.cursor
{
	cursor:pointer !important;
}

.cursor-next
{
	cursor:pointer !important;
}

.new-next-up
{
	width:170px;
	margin:2px 0 2px 0;
	border-right:solid 2px #dbe3e5;
	float:left;
	color:#00aeef;
}

.back-to-top
{
	width:170px;
	margin:2px 0 2px 0;
	border-right:solid 2px #dbe3e5;
	float:left;
	color:#8a9298;
}

.last-back-to-top
{
	margin:26px 0 0 0;
}

.fill
{
	background-color:#f1f4f5;
}

.h-rule
{
	border-bottom:solid 1px #8a9298;
	margin:0;
	cursor:none;
}

.new-next-up-arrow
{
	width:24px;
	height:24px;
	background:url(../../images/homepage/arrow_down.png) no-repeat;
	float:left;
	margin: 6px 0 0 5px;
}

.new-to-top-arrow
{
	width:24px;
	height:24px;
	background:url(../../images/homepage/arrow_up.png) no-repeat;
	float:left;
	margin: 6px 0 0 5px;
}

.grey-blue
{
	width: 12px;
	height: 12px;
	background:url(../../images/elearning/grey_blue_arrow_up.png) no-repeat !important;
	margin: 6px 0 0 5px;
}

.grey-blue-arrow-up
{
	width: 12px;
	height: 12px;
	background: url(../../images/elearning/grey_blue_arrow_up.png) no-repeat !important;
	margin: 6px 0 0 5px;
}

.blue-blue-arrow-down
{
	width: 12px;
	height: 12px;
	background: url(../../images/elearning/blue_blue_arrow_down.png) no-repeat !important;
	margin: 6px 0 0 5px;
}

.white-arrow-up
{
	width: 12px;
	height: 12px;
	background: url(../../images/elearning/white_arrow_up.png) no-repeat !important;
	margin: 6px 0 0 5px;
}

.white-arrow-down
{
	width: 12px;
	height: 12px;
	background: url(../../images/elearning/white_arrow_down.png) no-repeat !important;
	margin: 6px 0 0 5px;
}