@import url(http://fonts.googleapis.com/css?family=Lato:300,400);

body
{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	border-top: 6px solid #0486a9;
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	padding-bottom: 30px;
	min-width: 1100px;
	background: url("../images/bg-gradient.png") repeat-x;
}

.login-logo
{
	margin:50px 0 0 50px;
}
.right
{
	float:right;
}
.left
{
	float: left;
}
.error { color: red !important; font-weight: bold;}
.clear { clear:both; }

.green { color: #36a400}
.blue {color: #00b4ff }
.grey { color: #818181; font-size: 14px}

h1
{
	font-size: 24px;
	font-weight: normal;
	color: #56C5EB;
	margin: 0;
}

img {border: 0}
h2
{
	margin: 0;
	font-size: 27px;
	color: #5b5b5b;
}
.pointer { cursor: pointer}

#topHeader
{
	height: 39px;
	width:100%;
	margin: 0;
	color: #fff;
}

.dropDownBox
{
	display: none;
	width: 306px;
	height: 310px;
	border: 1px solid #bebebd;
	position: relative;
	left: 510px;
	top: 45px;
	background: #f5f5f5;
	-moz-border-radius-bottomleft: 2px 2px;
	border-bottom-left-radius: 2px 2px;
	-moz-border-radius-bottomright: 2px 2px;
	border-bottom-right-radius: 2px 2px;
    -webkit-box-shadow: 0px 2px 4px #cecece;
    -moz-box-shadow: 0px 2px 4px #cecece;
    box-shadow: 0px 2px 4px #cecece;
	z-index: 99999;
}

.dropDownBox .upper-container
{
	height:136px;
	width:100%;
	background-color: #fff;
	box-shadow: 0 4px 2px -2px #dedede;
	border-bottom: 1px solid #bebebd;
}
.upper-container .redButton
{
	margin-top: 16px;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	margin-left: 0;
	width: 93px;
}
.dd-bottom-block span
{
	margin:20px 0 0 30px;
	font-size:12px;
}
.dd-arrow
{
	display: block;
	margin-top:-10px;
	margin-left:255px;
}
.dd-vmoney
{
	height: 70px;
	border-bottom: 1px solid #bebebd;
	padding-left: 20px;
}
.dd-vmoney img
{
	margin-top:17px;
}

.dd-middle-block
{
	height:47px;
	border-bottom: 1px solid #bebebd;
	line-height: 47px;
}

.dd-middle-block a
{
	color: #818181;
	font-size: 16px;
	margin-left: 20px
}

.avatar
{
	margin: 20px 20px 0 20px;
	float: left;
}

.contact-name
{
	color: #000 !important;
	font-weight: bold;
	font-size: 12px;
	display: block;
	margin:20px 0 0 0;
	float: left;

}

.headerContent
{
	width: 1013px;
	height: 39px;
	margin: 0 auto;
	line-height: 39px;

}

.headerContent img { margin-left: 16px; }
.settingArrow { padding-bottom: 5px; }

.nameSpan
{
	font-size: 16px;
	color: #c1c7c9;
	text-shadow: 1px 1px #000, -1px -1px #000;
	text-decoration: none;
}

.lowerHeaderTop
{
	height: 30px;
	margin: 0 auto;
}

.lowerHeader
{
	height: 308px;
	width: 100%;
	margin: 0 auto;
	padding: 21px 0 21px 0;
	min-width: 1030px;
}
.lowerHeader .content, .lowerHeaderTop  .content
{
	width: 1100px;
	margin: 20px auto 0 auto;
	padding-bottom:20px;
}
.rightUserInfo { width: 750px }
.company
{
	display: block;
	margin-left: 180px;
	color:#5a4e53;
	font-size: 14px;
	margin-top: 5px;
}

.courseCount
{
	width: 269px;
	height: 165px;
	background: #56C5EB;
	color: #fff;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	border: 1px solid #56C5EB;
	margin: 30px 0 0 0;

}

.courseCount span
{
	font-size: 16px;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

.courseCount strong
{
	display: block;
	font-size: 130px;
	line-height: 130px;
	text-shadow: 1px 1px #000;

}

.smallNav
{
	list-style-type: none;
	margin: 0 20px 0 0;
}

.smallNav li
{
	display: block;
	float: left;
	width: 31px;
	height: 22px;
	padding-top: 4px;
	padding-left: 13px;
	border: 1px solid #d9d9d9;
}

.firstBox
{
	-moz-border-radius-bottomleft: 2px 2px;
	border-bottom-left-radius: 2px 2px;
	-moz-border-radius-topleft: 2px 2px;
	border-top-left-radius: 2px 2px;
}


.lastBox
{
	-moz-border-radius-bottomright: 2px 2px;
	border-bottom-right-radius: 2px 2px;
	-moz-border-radius-topright: 2px 2px;
	border-top-right-radius: 2px 2px;
}

.homeIcon { background: url(../images/icons/smallIcons.png) no-repeat; background-position: 0px -59px; display: block; width: 20px; height: 18px;}
.phoneIcon { background: url(../images/icons/smallIcons.png) no-repeat; background-position: 0px -28px; display: block; width: 20px; height: 18px; }
.aboutIcon { background: url(../images/icons/smallIcons.png) no-repeat; background-position: 0px 0px; display: block; width: 20px; height: 18px; }
.helpIcon { background: url(../images/icons/smallIcons.png) no-repeat; background-position: 0px -87px; display: block; width: 20px; height: 18px; }
.cartIcon { background: url(../images/icons/smallIcons.png) no-repeat; background-position: 0px -115px; display: block; width: 20px; height: 18px; }

.selected, .smallNav li:hover
{
	background: url(../images/icons/selectedSmall.png)
}

.searchForm
{
	margin-left: 63px;
}
.searchForm input[type=text]
{
	height: 23px;
	border: 1 px solid #c0c0c0;
	width: 280px;


}
.searchForm input[type=submit]
{
	height: 27px;
	width: 75px;
	font-size: 12px;
	background: #bbbbbb;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #aaaaaa;
	margin-left: 5px;

}

.welcome
{
	margin-left: 43px;
	margin-top: 48px
}

.name
{
	font-size: 37px;
	color: #5a4e53;
	margin-left: 30px;
}
.welcome
{
	font-size: 32px;
	color: #bdbdbd;
	margin-left: 5px;
}

.downloadInfo
{
	list-style-type: none;
	margin-top: 35px;
}

.downloadInfo li
{
	display: block;
	float: left;
	height: 60px;
}
.block0
{
	margin-left:-40px;
}
.block1, .block0, .block2
{
	width:140px;
	text-align: center;
	border-right: 1px solid #d9d9d9;
}

.block2
{
	width:230px !important;
	text-align: left;
}
.block2 img
{
	margin-left: 25px;
	margin-right: 15px;
}

.block3
{
	width:200px !important;
	padding-left:25px;
	line-height: 24px
}
.block3 strong
{
	color: #5a4e53;
}
.joined
{
	margin-top:20px;
	margin-left: 30px;
	color: #5a4e53;
}

.joined strong
{
	color: #5a4e53;
	font-size:18px;
}

.redButton
{
	padding: 5px;
	text-decoration: none;
	font-size: 12px;
	background: #56C5EB;
	color: #fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #56C5EB;
	margin-left: 5px;

}

.redButton:hover { background: #049ad6 !important}

.editProfile { margin-top: 10px; margin-right: 110px; width: 100px;}

.hideContent {margin-right: 15px; margin-top: 20px;}


/*
 *  Main Navigation
 *
*/

.mainNav
{
	list-style-type: none;
	margin: 38px auto 0 auto;
	padding: 0;
	width:1100px;
}

.mainNav li
{
	float: left;
	width: 99px;
	height: 62px;
	text-align: center;
	padding: 0;

}

.mainNav a , .mainNav span
{
	display: block;
	width: 99px;
	height: 62px;
	text-decoration: none;
	color: #5a4e53;
	padding: 0;
}

.profileIcon { background: url(../images/icons/largeIcons.png) no-repeat 30px -380px;}
.softskillsIcon { background: url(../images/icons/largeIcons.png) no-repeat 25px -560px;}
.computerIcon { background: url(../images/icons/largeIcons.png) no-repeat 25px -63px;}
.k12Icon { background: url(../images/icons/largeIcons.png) no-repeat 22px -315px;}
.comptiaIcon {background: url(../images/icons/comptiaIcon.png) no-repeat center;}
.certIcon { background: url(../images/icons/largeIcons.png) no-repeat 35px 0px;}
.templateIcon { background: url(../images/icons/largeIcons.png) no-repeat 32px -438px;}
.creatorIcon { background: url(../images/icons/largeIcons.png) no-repeat 32px -128px;}
.imagesIcon { background: url(../images/icons/largeIcons.png) no-repeat 25px -257px;}
.znanjaIcon { background: url(../images/icons/largeIcons.png) no-repeat 15px -507px;}
.elearningIcon { background: url(../images/icons/largeIcons.png) no-repeat 26px -194px;}


.mainNav li a:hover, .navSelected
{
	background-color: grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.navText
{
	margin-top:18px !important;
}
.navText li
{
	font-weight: 600;
	font-size: 14px;
	padding: 0;
	margin-bottom:50px;
}
.navText li span
{
	font-size: 11px;
	font-weight: normal;
	display: block;
	margin-top: 12px;
}

.navText li a:hover {background-color: transparent;}

.upper-links
{
	height: 72px;
	padding-top:8px;
	margin-top:20px;
}
.acc-link
{
	color: #3366cc;
	margin-top:5px;
}

.acc-divider
{
	color: #ccc;
	margin: 5px 10px 0 10px;
}

.upper-nav-links
{
	width:100%;
	line-height: 80px;
	background-color: #56C5EB;
}

.courseList
{
	margin: 0 auto;
	width: 1003px;
}

#courseList
{
		margin-top: 45px
}


.courseNav
{
	width: 200px;
	margin-left: 12px;
	background: #f0f0f0;
	min-height: 300px;
	padding-top: 15px;
}

.courseNavHeader
{
	width: 190px;
	display: block;
	background: #56C5EB;
	padding-left: 22px;
	font-weight: bold;
	margin-left: -12px;
	margin-top: 10px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;

}

.courseListBox
{
	padding-top: 2px;
	width: 748px;
	margin-left: 40px;
}

.courseListBox select
{
	max-width: 140px;
}

.courseContainer
{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	width: 748px;
	margin: 0;
	padding: 0;
}

.courseContainer li
{
	float: left;
	display: block;
	height: 50px;


}

.courseContainer .updated
{
	width: 118px;
	border-right: 1px dotted #ccc;
}

.courseContainer .courseInfo
{
	width: 488px;
	border-right: 1px dotted #ccc;
}

.courseContainer .download
{
	width: 134px;

}

.downloadable
{
	height: 20px;
	width: 75px;
	line-height: 20px;
	font-size: 14px;
	background: #56C5EB;
	color: #fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #56C5EB;
	margin-left: 15px;
	font-size: 12px;
	margin-top: 12px;

}
.downloadable:hover
{
	background: #0798cf
}

.download a
{
	text-decoration: none;
}

.buyable
{
	height: 20px;
	width: 75px;
	line-height: 20px;
	font-size: 14px;
	background: #36a400;
	color: #fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #36a400;
	margin-left: 15px;
	font-size: 12px;
	margin-top: 12px;

}
.updatedText
{
	display: block;
	font-size: 20px;
	color: #989898;
	margin-top: 10px
}

.courseInfo h2
{
	font-size: 16px;
	margin-top: 10px;
	margin-left: 15px;
}

.courseInfo a
{
	text-decoration: none;
	color: #5b5b5b;
}

.dropDownBox a
{
	text-decoration: none;
	display: block;
}
.dropDownBox a:hover
{
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eff3fb;
}

.logout
{
	display: block;
	width:71px;
	height:30px;
	line-height: 30px;
	border: 1px solid #e5e5e5;
	color: #444444;
	font-size:11px;
	font-weight: bold;
	text-align: center;
	margin:10px 20px 0 0;
	background-color: #fcfcfc;

}

.logout:hover
{
	background: #ccc;
}
.myCourses
{
	width: 750px;
}
.myCourses .courseInfo
{
	width: 500px;
}

.myCourses .download
{
	width: 130px;

}
.myCourses .download div
{
	margin: 0 auto;
	margin-top: 15px;
}

.myCourses .updated
{
	width: 100px;
	border-right: none;
	border-left: 1px dotted #ccc;
	text-align: center;
}

.myCourses .updated img{
	margin-top: 10px;
}

ul.contact{
	list-style:none;
	padding:0;
}

ul.contact li{
	width:265px;
	padding:10px 25px 20px 0px;
}

div.inner-container{
	border:1px solid #cdcdcd;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:35px;
}
.contact-back {

	height: 832px;
	margin-top: 20px;

}

.inner-contact {
	width: 100%;
	padding: 20px 40px 20px 40px;
}

.phone-info {
	color: #545d62;
}
.phone-info h3 {
	font-weight: normal;
	font-size: 20px;
	margin-top: 0;
}

.phone-info h1 {
	font-weight: normal;
	font-size: 36px;
	margin-bottom: 10px;
}

.contact-left {
	width: 620px;
	float: left;
}

.contact-form {
	color: #827c7a;
	margin-top: 50px;
}
.contact-form span {
	font-size: 24px;
}

.contact-form label {
	font-size: 12px;
	display: block;
	color: #595521;
}

.contact-form input {
	width: 200px;
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
}
.contact-form textarea {
	border: 1px solid #d2d2d2;
	height: 100px;
	width: 420px;
	font-weight: bold;
	font-size: 14px;
}

.contact-form input[type=submit]
{
	width: 100px;
	height: 30px;
	font-size: 14px;
	margin-top: 15px;
	margin-left: 325px;
}
.contact-right {
	float: right;
	width: 415px;

}

.contact-right span {
	color: #DB1C23;
	font-size: 22px;
}
.contact-right p {
	font-size: 12px;
	width: 250px;
	color: #636363;
}

.contact-right strong {
	font-size: 12px;
	color: #DB1C23;
}

.contact-right a {
	color: #636363;
	font-weight: 700;
	font-size: 12px;
}
.emails {
	font-size: 12px;
	color: #636363;
}

#stockImgTryThis {
	border-bottom:solid #dcdcdc 1px;
	width:320px;
	height:195px;
	background:url('../../assets/images/artDept.png') no-repeat 0px 12px;
}
#stockImgTryThis a {

	padding: 50px 150px 110px;;
}

#stockImgWriteCaption {
	font-size:24px;
	font-weight:bold;
	color:#fb8e54;
	text-align:right;
}

#stockImgYouTube {
	padding:60px 0 0 10px;
}

#stockImgYouTube h3 {
	color:#343434;
	font-size:20px;
	font-weight:normal;
	padding:0 0 20px 0;
	margin:0;
}

#stockImgBodyRight {
	float:left;
	width:320px;

}
#stockImgBody {
	width: 1050px;
}

.stockImgVidInfo {
	font-size:10px;
	color:#000000;
}

.stockImgVid {
	padding:0 0 0 0;
	width:298px;
}

.stockImgVidImg {
	float:left;
	width:100px;
	margin-top:-11px;
}

.stockImgVidImgWrap {
	width:100px;
	height:56px;
	position: absolute;
	overflow:hidden;
	border:solid #ccc 1px;
	float:left;
}

.stockImgVidLink {
	float:right;
	font-size:12px;
	display:block !important;
	padding-right:28px;
	padding-top:5px !important;
	width:155px;
	color:#0000cc;
}

.stockImgVidInfo {
	padding-left:115px;
}

.stockImgVidTime {
	background-color:#3f3f3f;
	width:25px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding:3px 2px 2px 2px;
	position:relative;
	top:-21px;
	left:70px;

}

.emails a {
	text-decoration: underline;
}

.mainSection
{
	width: 1050px;
	margin: 0 auto;
}

#stockImgHead{
	width:565px;
	padding:42px 0 0 34px;
	margin-top: 70px;
}

#stockImgHead img{
	margin-top:15px;
	margin-left:5px;
	float:left;
}

#stockImgHead h1{
	margin:0;
	line-height: 36px;
	font-size:36px;
}

#stockImgHead h2{
	padding:4px 0 0 0;
	margin:0;

	font-size:14px;
}

#stockImgHeadLeft {
	float:left;
}

#stockImgHeadRight {
	float:right;
	margin-top: 20px;
}

.account-form li {
	width: 500px !important;
}
.account-form span {
	position: relative;
	left: 330px;
	color: red;
}

#stockImgGallery {
	width:700px;
	float:left;


}

.stockImgImgWrap {
	position: relative;
	height: 300px;
	width:228px;
	text-align:center;
	float:left;
	margin:0;
	padding:0;

}

.image-content {
	position: absolute;
	left: 5px;
	bottom: 0;
}

.stockImgImgWrap div {
	color:#0181e3;
	font-size:11px;
	font-weight:bold;
}

.stockImgImgWrap div a {
	text-decoration:underline;
	color:#0181e3;
}

.stockImgImgTxt {
	text-align:left;
	padding:10px 10px 5px 25px;
}

#voteLeft
{
	float:left;
	width:512px;
	min-height:300px;
	color:#322a2a;
}

#voteLeft span
{
	font-size:14px;
}

.voteHeader
{
	font-weight:normal;
	margin:0;
	padding:0 0 20px 0;
	color:#DF3D82;
	font-size:27px;
}

h3.voteHeader
{
	padding-top:30px;
}

#voteLeft ul
{
	list-style-type:none;
	padding:0;
	margin:4px 0 0 0;
	width:415px;
}

#voteLeft ul li
{
	padding:17px 0 17px 0;
	border-bottom:solid #cccccc 1px;
}

#voteLeft ul div
{
	padding-left:10px;
}

#voteLeft ul #bottomLi
{
	border-bottom:none;
}

.voteDate
{
	color:#DB1C23;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana;
}

.voteCourse
{
	color:#322a2a;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana;
}
.goBtn
{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#ab0248;
	padding:5px;
	width:58px;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	border:none;
	float:right;
	margin-top:20px;
	margin-right:10px;
}

#voteRight
{
	float:right;
	width:312px;
	background:url('../images/votebox_background.png') no-repeat;
}

#voteBoxHeader
{
	color:#DB1C23;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana;
	width:225px;
	padding:20px 20px 10px 20px;
	margin:0;
}
.suggestion-form {margin-top: 100px; !important }
#submitSuggestion {width: 120px; height: 25px; float: right; margin-right: 7px}
.suggestion-form textarea {width: 500px !important; height: 200px !important; margin-top: 10px;border: 1px solid #ccc}
#voteBoxBody
{
	color:#797e82;
	font-size:11px;
	width:225px;
	padding-left:20px;
	font-size:11px;
}

#voteLeft textarea
{
	overflow:auto;
}

#positionBox
{
	font-size:11px;
	color:#797e82;
}

#positionBox ul
{
	font-size:11px;
	color:#797e82;
	padding:0 0 0 10px;
	margin:0;
	list-style-type:none;
}

#positionBox ul li
{
	border-bottom:solid #e1e1e1 1px;
}

#positionBox h3
{
	font-size:11px;
	color:#797e82;
	padding:20px 10px 10px 10px;
	margin:0;
	font-weight:normal;
}

.choiceWrap
{
	width:200px;
	float:left;
}

.numberImg
{
	float:left;
	background:url('../images/vote1.png') no-repeat;
	background-position:0 10px;
	width:18px;
	height:35px;
}

.numberImg div
{
	padding:11px 0 0 5px;
	color:#ffffff;
	font-weight:bold;
}

.choiceName
{
	float:right;
	padding-top:11px;
	padding-bottom:11px;
	width:158px;
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
	color:#322a2a;
}

.upDown
{
	float:right;
	width:40px;
	padding-right:15px;
	padding-top:8px;
	padding-bottom:8px;

}

.upArrow, .downArrow, .dDownArrow, .dUpArrow
{
	width:15px;
	height:22px;
	cursor:pointer;
	background:url('../images/arrows.png') no-repeat;
}

.dDownArrow, .dUpArrow
{
	cursor:default;
}

.dDownArrow
{
	background-position:-17px;
}

.dUpArrow
{
	background-position:0px;
}

.downArrow
{
	background-position:-51px;
}

.upArrow
{
	background-position:-34px;
}

.active a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #b40b51;
	padding: 3px 8px 3px 8px;

}
.unactive  {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #6d6d6d;
	padding: 3px 8px 3px 8px;
	color: #ababab;
}

.votecontent {
	width: 980px;
	padding-top: 80px;
	padding-bottom: 30px;
	margin: 0 auto;
}
.paginationWrap {

	margin-top: 15px !important;
}

.paginationWrap a {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #56C5EB;
	text-decoration: none;
	padding: 3px 8px 3px 8px;
	color: #fff;
	margin: 0px 3px 0px 3px;
	float: left;


}
.paginationWrap strong  {

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #6d6d6d;
	padding: 3px 8px 3px 8px;
	font-weight: normal;
	color: #fff;
	float: left;
	margin-right: 3px;
}

#acc_info
{
	margin-left: 40px;
}
#acc_info ul {
	list-style-type: none;
}
#acc_info li {
	width: 200px;
	padding: 5px;
	font-size: 14px;
}
#acc_info li span {
	float: right;
	margin-right: 290px;
	margin-top: -25px;
	font-weight: normal;
}

.account-form label {
	float: left;
	width: 150px;
	font-size: 14px;
}
.account-form h3 {
	font-size: 27px;
	color: #5b5b5b;
	margin: 0;
}
.account-form input[type=text], .account-form input[type=password]
{
	height: 25px;
	width: 225px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 25px;
	padding-left: 5px;
}

.account-form input[type=submit]
{
	height: 25px;
	width: 100px;
	font-size: 14px;
	float: left;
}

.account-form textarea
{
	width: 600px;
	height: 30px;
}


#acc_tools {
	margin-left: 100px;
}

#acc_tools ul {
	list-style-type: none;
}

.profilediv
{
	width: 100%;
	margin: 30px 0px 30px 0px;

}

.courseNav a {
	display: block;
	font-size: 14px;
	color: #5a4e53;
	margin-left: 10px;
	text-decoration: none;
	margin-top: 10px;
	text-transform: uppercase;
}

.report table {
	margin-top: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.report table, td {
	border: 1px solid #bbbbbb;
	width: 700px;

}

.thead {
	color: #fff;
	background: #db1c23;
}

.account-form div
{
	margin-top: 10px;
}

.courseCode
{
	width: 100px;
}

.bundle
{
	width: 200px;
}


#main-demo input[type=submit]
{
	margin-right: 670px;
	width: 120px;
}
.subscription li {
	list-style-type: none;
	width: 700px;
	height: 35px;
}
.subscription li span {
	display: block;
	float: left;
	font-size: 14px;
	width: 200px;
}

.renew
{
	width: 100px;
	display: block;
	font-size: 14px;
	float: left;
	text-decoration: none;
	margin: 0;

}

.login-form
{
	padding: 25px;
	background: #f5f5f5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	color: #000;
	margin-top: 159px;
}

.login-form .signin { font-size: 16px; }

.login-form label {font-size: 14px; display: block; margin-bottom: 4px; margin-top: 5px; }


.login-form .downloadable
{
	width: 63px;
	height: 31px;
	margin: 5px 0px 15px 0px;

}

.login-body
{
	min-width: 0px
}

.login-form a
{
	text-decoration: none;
	color: #4055cc;

}

.home-intro {
	width: 380px;
	margin-left: 25px;
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	line-height:24px;
}
.home-intro ul {
	margin-left:15px;
	padding:0;
}

.lower-homepage
{
	margin-top: 120px;
}
.h1-large {
	font-size:60px;
	margin-top: 60px;
	margin-bottom:60px;
	line-height:60px;
	text-align: center;
}
.login-logo { margin-bottom: 30px;}
.login-logo img, #logo img { max-height: 80px }

.demo-right {height: 413px; margin-top: 60px; font-size: 14px; color: #000; line-height: 20px}

.login-links { margin: 0 auto}
.lower-left p {padding: 0}
.lower-left h3 {margin: 0}
.lower-left { margin-top: 60px; margin-left: 0;}
.trial-links a
{
	margin-top: 100px;
	font-size: 24px;
	text-decoration: none;
	display: block;
	color: #cf1a21;
}

.trial-links {
	width:100%;
	text-align: center;
}


#coursecompiler footer > button {background: #56C5EB}

aside.right { margin-bottom: 20px;}

#coursecompiler { border: none; background-color: #fff}

.index {
	margin-right: 5px;
	margin-bottom: -10px;
}

.index span {
	margin: 7px 10px 0px 10px;
	display:block;
	float:left
}
.index img {
	float: left;
}

.stockImage {
	margin-left: 30px;
}

.rightCol {
	margin: 30px 0px 30px 20px;
}

.rightCol span {
	font-size: 12px
}

.rightCol a {
	text-decoration: none;
}

.fileInfo {
	background: #e3f0f1;
	height: 28px;
	border-top: 1px dotted #a3a4a7;
	width: 515px;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
}
.fileInfoHeader {
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}

.license {
	height: 23px;
	border-bottom: 1px dotted #a3a4a7;
	width: 515px;
	color: #008595;
}

.downloadButton {
	background: url(../images/buttonSlice.png);
	height: 29px;
	display: block;
	line-height: 29px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	color: #fff;
	width: 200px;
	margin-top: 10px;
}

.downloadButton:hover {
	background: #cc3318;
}

.noCatch {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e3f0f1;
	width: 515px;
	font-size: 12px;
	padding: 10px;
	margin-top: 20px
}

.captions {
	width: 515px;
}

.captions p {
	font-family: "Comic Sans MS", cursive;
	padding-left: 20px;
}

.notice {
	width: 500px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #5c5d60;
	float: left;
	padding: 10px;
	margin-top: 30px;
	background: #e0efff;
}

.notice  a {
	text-decoration: none;
}

.liveChat {
	margin-top: 3px;
}


.compilerIndex .left{
	width: 500px;
}
.compilerIndex p {
	line-height: 20px;
}

.courseIndex {
	margin-bottom: 10px;
}

.refreshButton {
	width: 200px;
	display: block;
	line-height: 50px;
	height: 50px;
	text-decoration: none;
	font-size: 18px;
	margin-top: 50px;
	margin-left: 50px;
}

.refresh {
	padding: 20px;
	font-size: 12px;
}

.buy-text a{

	margin-left: 10px !important;
}

.compiler-selected-buy-now {
	color: #5b5b5b;
}
.compiler-buy-now a {
	color: #5b5b5b;
}

.compiler-buy-now span{
	display: block;
	margin-left: 30px;

}

.component-hidden {
	display:none;
}

.show-components {
	color: #5b5b5b;
	display:block;
	text-decoration: underline;
	margin-left: 235px !Important;
	margin-top: 5px !important;
}

.hotList {
	list-style-type: none;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding:0;
	margin:0;
}

.hotList li {
	float: left;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
}

.hotList li.title {width:500px }
.hotList li.downloads {width:122px; text-align: center; color: #5a4e53 }
.hotList li.option {width:50px; }
.hotList li a {text-decoration: none; color: #5a4e53}

.vert-sep
{
	font-size: 32px;
	color: #e5e5e5;
	margin-left: 10px;
	margin-right: 8px;
	padding-bottom: -5px;
}

.top-text
{
	font-size: 16px;
	font-weight: lighter;

}
.h3-red
{
	font-size:24px;
	color:#cf1a21;
	font-weight:normal;
}

.holder {
	width:100%;
	text-align: center;
}
.social-buttons {
	margin-top: -70px;
}

.video-home {
	height: 400px;
}

.content-wrap
{
	width:100%;
	background: url(../images/lower-gradient.png) repeat-x;
	border-top: 1px solid #d2d2d2;
}
#header
{
	height:82px;
	width:800px;
	margin:0 auto;
}
#header #login
{
	color:#696969;
	font-size:16px;
	float:right;
	text-decoration:none;
	border-left:solid #dfdfdf 1px;
	padding:9px 0 0 13px;
	margin:0 0 40px 0;
	height:20px;
}

.try-compiler
{
	font-size:24px;
	font-weight: bold;
	text-decoration: none;
	color: #56C5EB;
}

.vmoney-info li
{
	width:500px !important;
}

.vmoney-link
{
	text-decoration: none;
}

/* ==============================
Updated Header : Section
============================== */
#subpages .logo-icon
{
	display: inline-block;
	position: relative;
	width: 228px;
	margin-top: 5px;
}

#subpages .v-icon
{
	font-size: 60px;
	color: #55C2EA;
	display: inline-block;
	height: 65px;
}

#subpages .v-text
{
	font-size: 155px;
	display: inline-block;
	position: absolute;
	top: -49px;
	right: 5px;
	color: #304856;
}

#subpages i.velsoft-menu
{
	font-size: 28px;
	vertical-align: middle;
	margin-top: -9px;
	margin-right: 9px;
	display: inline-block;
	color: #435A66;
	position: relative;
	top: 3px;
	right: 0px;
}

#subpages .nav>li>a:hover i.velsoft-menu
{
	color: #fff;
}

#subpages nav
{
	margin-bottom: 100px;
	padding-right: 10%;
}

.floating-close
{
	position: absolute;
	top: 23px;
	right: 40px;
	cursor: pointer;
}

#subpages .nav-wrap
{
	margin-top: 11px;
}

#subpages .nav>li>a
{
	position: relative;
	display: block;
	font-size: 18px !important;
	font-weight: 300;
	font-family: lato;
	border-radius: 0 !important;
}

#subpages .nav>li>a:hover
{
	color: #fff !important;
	background: #55c2ea;
}

#subpages .nav-sidebar > .active > a,
#subpages .nav-sidebar > .active > a:hover,
#subpages .nav-sidebar > .active > a:focus
{
	color: #ffffff !important;
	background-color: #55c2ea !important;
}

#subpages .navbar-brand
{
	color: #df3d82 !important;
	font-size: 26px;
}

#subpages .nav-pills>li.active>a,
#subpages .nav-pills>li.active>a:hover,
#subpages .nav-pills>li.active>a:focus
{
	color: #ffffff;
	background-color: #55c2ea;
}

#subpages .coursenav
{
	background-color: #464646 !important;
	border: none;
	padding: 10px 0px 0px 0px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}


#subpages .navbar > .container .navbar-brand
{
	margin-left: -15px;
	position: relative;
	z-index: 100;
}

#subpages .scrolled img
{
	width: 175px;
	height: 38px;
}

#subpages .scrolled .nav>li>a
{
	position: relative;
	display: block;
	padding: 5px 15px
}

#subpages .navbar-brand img
{
	margin-top: -8px;
	max-width: 202px;
}

#subpages .navbar-toggle
{
	padding: 0px 2px;
	padding-right: 3px;
}

#subpages ul.nav > li > a
{
	color: #3D3D3D;
}

#subpages_tour .tour-popup .arrow-up
{
	left: 52%;
}

.right-side-menu
{
	margin-top: 11px;
	display: inline-block;
	float: right;
}

.phone_i
{
	float: right;
	font-size: 16px;
	color: #2F4856;
	margin-top: 9px;
}

.phone_i img
{
	vertical-align: middle;
}

.phone_i span
{
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 21px;
	padding-left: 4px;
}

.free_course > button
{
	float: right;
	border: none;
	margin-top: 6px;
	padding: 10px 0;
	background: #55C2EA;
	font-size: 14px;
	min-width: 160px;
	font-family: lato;
	color: #FFF;
}

#menutoggle
{
	color: #2f4856;
	text-decoration: none;
	float: right;
	margin-top: 15px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	display: block;
	font-size: 15px;
}

#menutoggle:hover
{
	border: 2px solid rgba(255, 255, 255, 0.9);
}

#menutoggle span
{
	font-size: 18px;
	line-height: 18px;
	display: block;
	margin: 0px;
	padding: 4px;
}

#menutoggle > img
{
	margin-right: 8px;
	vertical-align: middle;
	margin-top: -4px;
}

.bg-login
{
	background: url(
		../images/free-bg.png
	) center no-repeat;
	background-size: cover;
	position: absolute;
	top: 92px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

a
{
	text-decoration: none !important;
}

/* ==============================
Fixed Header Fix : Section
============================== */
.fixed-header-fix
{
	margin-top: 92px;
}

@media (min-width: 992px)
{
	#subpages .side-border
	{
		border-left: solid 1px rgb(153, 153, 153);
		padding-top: 36px;
		padding-bottom: 198px;
		margin-top: -36px;
		margin-bottom: -30px;
	}
}

@media (max-width: 992px)
{
	#subpages .nav>li>a
	{
		font-size: 16px !important;
	}

	#subpages .coursenav
	{
		background: rgb(47, 47, 46) !important
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
	.media-start{}

	#subpages .v-text
	{
		top: 8px;
	}

	.coursepage .v-text
	{
		top: -47px !important;
	}

	#free-trial .centered-wrap
	{
		margin-top: 60px !important;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
	.media-start{}

	#subpages .v-text
	{
		top: 8px;
	}

	.coursepage .v-text
	{
		top: -47px !important;
	}

	#free-trial .centered-wrap
	{
		margin-top: 120px !important;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{
	.media-start{}

	#subpages .v-text
	{
		top: 8px;
	}

	.cat_dropdown_menu
	{
		top: 35px !important;
	}
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
{
	.media-start{}

	.coursepage .v-text
	{
		top: -47px !important;
	}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
{
	.media-start{}

	.coursepage .v-text
	{
		top: -47px !important;
	}
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
{
	.media-start{}

	.coursepage .v-text
	{
		top: -47px !important;
	}
}

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
{
	.media-start{}

	.coursepage .v-text
	{
		top: -47px !important;
	}
}

/* ==============================
Tour : Section
============================== */
/* ==============================
Pop up : Section
============================== */
.navbar
{
	margin-bottom: 0;
}

.tour-popup
{
	background: rgba(70, 70, 70, 0.97);
	border-radius: 0;
	padding: 50px 216px;
	position: relative;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 1000;
}

.tour-popup p.col-title
{
	border-bottom: solid 1px #999;
	padding-bottom: 12px;
	margin-bottom: 18px;
	font-size: 16px;
	color: #fff;
}
	.tour-popup p.col-title > a
	{
		color: #fff;
	}
	.tour-popup p.col-title > a:hover
	{
		color: #fff !important;
	}
	.tour-popup p.col-title > a:hover > span
	{
		color: #fff !important;
	}

.tour-popup div.col-item
{
	margin: 12px 0;
}

.tour-popup .empty a > p
{
	padding-bottom: 12px;
}

.tour-popup div.col-item > a > p
{
	line-height: 18px;
	margin-bottom: -6px;
	font-size: 14px;
	color: #fff;
}

.tour-popup div.col-item > a:hover > p
{
	color: #fff;
}

.tour-popup p.col-title a > span
{
	position: relative;
	top: -9px;
	color: #fff;
}


.tour-popup div.col-item > a > p span
{
	position: relative;
	top: -7px;
}

.tour-popup div.col-item > a > span
{
	font-size: 12px;
	color: #afafaf;
}

.tour-popup div.col-item > a:hover > span
{
	color: #fff;
}

.tour-popup .arrow-up
{
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(70, 70, 70, 0.99);
	position: relative;
	top: -36px;
	left: 43.5%;
}

.tour
{
	cursor: pointer;
}

/* ==============================
Fixed Header Fix : Section
============================== */
.fixed-header-fix
{
	margin-top: 92px;
}

@media (max-width: 1313px)
{
	.tour-popup
	{
		padding: 50px 66px;
	}

}

@media (min-width: 992px)
{
	#homepage .side-border
	{
		border-left: solid 1px rgb(153, 153, 153);
		padding-top: 36px;
		padding-bottom: 198px;
		margin-top: -36px;
		margin-bottom: -30px;
	}
}

@media (max-width: 992px)
{
	.tour-popup .col-md-2
	{
		width: 100%;
		border-bottom: solid 1px;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
		margin-left: 30px;
	}

	#homepage .nav>li>a
	{
		font-size: 18px;
	}

	#homepage .homenav
	{
		background: rgb(47, 47, 46) !important
	}

	.tour-popup
	{
		padding: 6px 66px;
		position: absolute;
		text-align: center;
	}

	.tour-popup p.col-title
	{
		border-top: solid 1px #999;
		padding-top: 12px;
		margin-top: 40px;
	}
}

@media (max-width: 768px)
{
	.tour-popup
	{
		top: 29px;
	}
}

/* ==============================
Centered Wrap : Section
============================== */
#free-trial
{
	background: url(
		../../images/freeTrial/free-bg.png
	) center no-repeat;
	background-size: cover;
	width: 100%;
	position: absolute;
	top: 92px;
	bottom: 0;
	overflow: hidden;
}

#free-trial .centered-wrap
{
	max-width: 606px;
	min-height: 365px;
	margin: 0 auto;
	background: #fff;
	margin-top: 138px;
}

#free-trial .centered-wrap .padding-wrap
{
	padding: 22px 20px;
	padding-right: 37px;
}

#free-trial .centered-wrap > h2
{
	background: #f2f2f2;
	text-align: center;
	font-family: 'Lato';
	font-size: 48px;
	color: #5a5a5a;
	padding: 13px 0;
	border-bottom: solid 1px #d9d9d9;
}

.center
{
	text-align: center;
	margin: 0 auto;
}

/* ==============================
Form : Section
============================== */

form.free_course > input[type="text"],
form.free_course > input[type="password"]
{
	height: 50px
}

form.free_course > input[type="text"],
form.free_course > input[type="password"],
form.free_course > input[type="checkbox"],
form.free_course > button
{
	display: block;
	border-radius: 0;
	width: 100%;
	margin-bottom: 12px;
}

form.free_course > input[type="checkbox"]
{
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
	top: 2px;
	margin-right: 4px;
}

form.free_course > button,
form.free_course > button:hover
{
	background: #000;
	padding: 14px 10px;
	display: inline-block;
	border-radius: 0;
	width: 100%;
	color: #fff;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder
{
   color: #666 !important;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder
{
   color: #666 !important;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder
{
   color: #666 !important;
}

input[type="text"]:-ms-input-placeholder
input[type="password"]:-ms-input-placeholder
{
   color: #666 !important;
}