/* MAIN LAYOUT */

* { margin:0; padding:0; border:0; outline:none }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em; color:#333 }
.alignLeft { float:left }
.alignRight { float:right }
.clear { clear:both }
.clearer { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; }

a { color: #333; }

.content p { margin-bottom: 8px; }

#wrap { width:960px; margin:0 auto }

#msg-flash { position: absolute; width: 960px; top: 136px; font: bold 15px Arial;  }

/* HEADER */

#header { display:block; height:90px; padding:10px 0; position:relative; /*z-index:99999*/ }
#headerLeft { float:left }
#headerRight { float:right; text-align:right }
#headerRight form label { display:none }
#headerRight form input[type="text"],
#headerRight form input[type="password"] { 
    display:block; 
    width:125px; 
    height:21px;
    float:right;
    border-top:1px solid #ccc; 
    border-right:1px solid #e3e3e3; 
    border-bottom:1px solid #e3e3e3; 
    border-left:1px solid #e3e3e3;
    background:#fff url(../img/bgInput.gif) repeat-x;
    font-size:12px;
    color:#666;
    padding: 0 5px;
}
#headerRight form select { 
    display:block; 
    width:55px; 
    height:23px;
    float:right;
    border-top:1px solid #ccc; 
    border-right:1px solid #e3e3e3; 
    border-bottom:1px solid #e3e3e3; 
    border-left:1px solid #e3e3e3;
    background:#fff url(../img/bgInput.gif) repeat-x;
    font-size:12px;
    color:#666;
    padding-top:1px;
}
#headerRight form input[type="submit"] { 
    display:block; 
    width:82px; 
    height:24px;
    line-height:24px;
    float:right;
    background: url(../img/btnShort.png) no-repeat;
    background-position:top;
    border:none;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    padding-bottom: 5px;
    cursor:pointer;
}
#headerRight form input[type="submit"]:hover {
    background-position:bottom;
}
input.btnSearch { background: url(../img/btnGo.png) top no-repeat !important; width: 41px !important; }
input.btnSearch:hover { background-position:bottom !important }
input.inputSearch { 
    background:#fff url(../img/bgInputSearch.gif) repeat-x !important; 
    width:267px !important; 
    margin-right:10px; 
    padding: 0 5px 0 25px !important 
}
#headerRight a {
    display:inline-block; 
    float:right;
    margin:5px 10px 0 10px;
    color:#666 
}
#headerRight a:hover { text-decoration:none; color:#333 }
#headerRight a.linkRss { margin: 0 2px !important }
#headerRight a.linkRssFirst { margin: 0 10px 0 2px !important }
#headerRight a.linkRssLast { margin: 0 2px 0 10px !important }
.loginForm { margin-bottom:10px; display:block; height:22px; width:600px }
.loginForm a {
    font-size:10px
}
.loginForm form { display:inline-block; float:right; width:375px }
.loginForm a { display:inline-block }
a.logout { margin-top:0 !important }

.registerForm { display:block; height:22px; margin-bottom:10px; }
.registerForm a {
    font-size:12px; 
}
.registerForm form { width:85px }
.registerForm form, 
.searchForm form { float:right; margin-bottom:10px }

.socialLinks a { text-decoration:none }

/* NAVIGATION */

#navigation { margin-bottom:10px; display:block; position:relative; z-index:999 }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation ul li { display: block; position: relative; float: left; border-right:1px solid #fff }
#navigation ul li a.first { background:#cf28a8 url(../img/btnMenuFirst.jpg) no-repeat top left !important; width:51px }
#navigation ul li a.last { background:#cf28a8 url(../img/btnMenuLast2.jpg) no-repeat top right !important; width:135px; text-align:center }
#navigation ul li a.admin { width:97px }
#navigation ul li a {
    background:#cf28a8 url(../img/btnMenuMiddle.jpg) repeat-x;
    background-position:top;
    height:19px; 
    font-size:20px; 
    text-shadow:0 1px 1px #000; 
    padding:10px 14px; 
    color:#fff !important; 
    text-decoration:none !important;
  display: block;
  white-space: nowrap;
}
#navigation ul li.active a.first, #navigation ul li a.first:hover { background-position:bottom left !important }
#navigation ul li a.last:hover { background-position:bottom right !important }
#navigation ul li a:hover, #navigation ul li a.active { background-position:bottom }

#navigation li ul { display: none; }
#navigation li ul li { float:none }
#navigation li ul li a { font-size:14px }

#navigation li:hover ul { display: block; position: absolute; }
#navigation li:hover li { float: none; min-width:110px }

/* HOMEPAGE */

/* new layout */

#homeMainBox { margin-bottom:5px }
#homeMainBox h2 { text-shadow: black 0px 1px 1px; font-size:22px; margin-bottom:10px; font-weight:normal }
.homeMainBoxLeft { display:block; width:575px; height:360px; background: #666 url(../img/bgTabs.jpg) 
no-repeat top left; padding:15px 10px 15px 20px; color:#fff } 
.homeMainBoxLeft p { display: inline }
.homeMainBoxRight { width: 345px; color:#fff }

.freeBox { display:block; width:315px; height:245px; background:#666 url(../img/bgFreeStuff.jpg) 
no-repeat top left; margin-bottom:10px; padding:15px; }
.freeBox a { font-style:normal !important }
.mediaspace_small_top2 { background: url(../img/bgVideoSmall2.png) no-repeat top left !important;
height: 94px !important; margin: 0px 0px 5px; width: 155px !important;}
.btnPlayTop2 { background: url(../img/btnPlay.png) no-repeat; display: block; height: 50px; left: 48px;
position: absolute; top: 21px; width: 50px; z-index: 1; }
.links { margin:20px 0 20px 0; text-align:center }
.links a { color:#fff !important }

.offersBox { display:block; width:325px; height:40px; background: #23a3db url(../img/bgOffers.jpg) 
no-repeat top left; margin-bottom:10px; padding:15px 5px 15px 15px; }
.offersBox h2 { display:block; width: 95px; float:left }
.offersBox p { display:block; width:205px; float: left; margin-top:-12px }
.offersBox p a { color:#fff; font-style:normal; font-size:11px }
.freeBoxItem { display:block; float:left; width:155px }

.secure { clear:both; padding:15px 10px 10px 10px; background:url('../img/bgCC.gif') no-repeat top left; display:block; width:213px; 
height:75px; text-align:center }

a.addthis_button { margin-right:25px }

/* tabs */

#featured { 	width:420px; padding-right:155px; position:relative; /*border:5px solid #ccc;*/ 
height:278px; overflow:hidden; background: none; margin-bottom:5px; background:url('../img/bgTabs.png') no-repeat top left }
#featured ul.ui-tabs-nav { position:absolute; top:0; left:420px; list-style:none; padding:0; margin:0; 
width:155px; height:270px; overflow:auto; overflow-x:hidden; }
/*#featured ul.ui-tabs-nav li { padding:1px 0; }*/
/*#featured ul.ui-tabs-nav li span { font-size:11px; line-height:11px; }*/
#featured li.ui-tabs-nav-item a { display:block; text-decoration:none; color:#fff; outline:none; 
padding:10px 20px 10px 10px; font-size:12px; background:url('../img/btnTabOff.png') top left no-repeat; width:130px; 
height:34px; font-style:normal }
#featured li.ui-tabs-nav-item a:hover { background:url('../img/btnTabOn.png') top left no-repeat; color:#ff31ce }
#featured li.ui-tabs-selected a { background:url('../img/btnTabOn.png') top left no-repeat; color:#ff31ce }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { color:#ff31ce }
#featured .ui-tabs-panel { display:block; width:420px; height:270px; background:#999; position:relative; }
#featured .ui-tabs-panel .info { position:absolute; bottom:20px; left:24px; height:60px; width:375px;}
#featured .info h2 { font-size:18px; color:#fff; margin:0 0 5px 0; 
font-weight:bold; text-shadow:none; }
#featured .info p { margin:0; line-height:15px; color:#fff; }
#featured .info a { text-decoration:underline; color:#fff; }
#featured .info a:hover { text-decoration:none; }
#featured .ui-tabs-hide { display:none; }

/**************/

#row1 { 
    background:#333 url(../img/bgMainBox.gif) no-repeat; 
    height:360px; 
    margin-bottom:10px; 
    padding:15px 20px;
    color:#fff
}
#row1 h2, .homeMainBoxLeft h2, .homeMainBoxRight h2 { color:#fff; font-size:22px; text-shadow:0 1px 1px #000; margin-bottom:10px }
#row1 h2 a, .homeMainBoxLeft h2 a, .homeMainBoxRight h2 a { color:#fff !important; text-decoration:none !important; font-style:normal }
#row1 a, .homeMainBoxLeft a, .homeMainBoxRight a { color:#ff31ce; font-style:italic; font-weight:bold }
#row1 a:hover, .homeMainBoxLeft a:hover, .homeMainBoxRight a:hover { color:#fff }
.mainBox { display:block; float:left }
.mainBox1 { width:430px; }
.mainBox2 { width:190px; margin-left:30px }
.mainBox3 { 
    width:212px; 
    height:339px; 
    margin-left:35px; 
    background:#fff url(../img/bgMainBoxSmall.gif) no-repeat; 
    color:#333; 
    padding:10px 5px 10px 15px; 
}
.mainBox3 a:hover { color:#333 !important }
.mainBox4 { 
    /*width:212px; 
    height:339px; 
    margin-left:35px; 
    background:#fff url(../img/bgMainBoxSmall.gif) no-repeat; 
    color:#333; 
    padding:10px 5px 10px 15px; */
}
.mainBox4 a:hover { color:#333 !important } 
#row1 .mainBox3 h2 { color:#000; font-size:22px; text-shadow:none }
#row1 .mainBox3 h2 a { color:#000 !important; text-decoration:none !important; font-style:normal }
#mediaspace_large { background:url(../img/bgVideo.png) bottom left; width:429px; height:246px; margin:0 0 5px 0; }

.homeBox { float:left; margin-right:9px; display:block }
.homeBox h2 { color:#fff; font-size:20px; text-shadow:0 1px 1px #000 }
.homeBox h2 a { display:block; color:#fff !important; text-decoration:none !important; padding:10px 0 10px 15px }
.lastBox { margin-right:0 !important; margin-bottom:10px }
.homeBox .homeBoxTop1 { background:#e3ae0c url(../img/homeBoxTop1.gif) no-repeat }
.homeBox .homeBoxTop2 { background:#e3ae0c url(../img/homeBoxTop2.gif) no-repeat }
.homeBox .homeBoxTop3 { background:#e3ae0c url(../img/homeBoxTop3.gif) no-repeat }
.homeBox .homeBoxTop4 { background:#e3ae0c url(../img/homeBoxTop4.gif) no-repeat }
.homeBox .homeBoxTop5 { background:#e3ae0c url(../img/homeBoxTop5.gif) no-repeat }
.homeBox .homeBoxTop1,
.homeBox .homeBoxTop2,
.homeBox .homeBoxTop3,
.homeBox .homeBoxTop4,
.homeBox .homeBoxTop5 { width:233px; height:37px }
.homeBox .homeBoxTop1:hover,
.homeBox .homeBoxTop2:hover,
.homeBox .homeBoxTop3:hover,
.homeBox .homeBoxTop4:hover,
.homeBox .homeBoxTop5:hover { -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; cursor:pointer }
.homeBoxContent { 
    background-color:#fff; 
    border-left:1px solid #cfcfcf; 
    border-right:1px solid #cfcfcf; 
    width:200px;
    padding:10px 15px;
}
.homeBoxContent a { color:#ff31ce; font-style:italic; font-weight:bold }
.homeBoxContent a:hover { color:#333 }
.homeBoxBottom { background:url(../img/homeBoxBottom.gif) no-repeat; height:10px; width:233px }
.videoThumb { border:1px solid #c3c3c3 }

.courseBox { background:url(../img/icons.gif) top left no-repeat; padding-left:50px; min-height:50px }
.courseBox a { color:#FF31CE; font-weight:bold; font-style:normal !important; text-decoration:none; line-height:1.2em }
.courseBox a:hover { color:#333 }
.courseBox u a { color:#333 }
.courseBox u a:hover { text-decoration:none }
/*.mainBox3 .yellow { background-position:0 0px }
.mainBox3 .orange { background-position:0 -50px }
.mainBox3 .red { background-position:0 -100px }
.mainBox3 .blue { background-position:0 -150px }*/

.mainBox3 .agency, .mainBox4 .agency { background:url(../img/icon_agency_37x50.png) top left no-repeat; }
.mainBox3 .branding, .mainBox4 .branding { background:url(../img/icon_branding_37x50.png) top left no-repeat; }
.mainBox3 .business, .mainBox4 .business {background:url(../img/icon_business_37x50.png) top left no-repeat; }
.mainBox3 .creative, .mainBox4 .creative { background:url(../img/icon_creative_37x50.png) top left no-repeat; }
.mainBox3 .design, .mainBox4 .design { background:url(../img/icon_design_37x50.png) top left no-repeat; }
.mainBox3 .emarketing, .mainBox4 .emarketing { background:url(../img/icon_emarketing_37x50.png) top left no-repeat; }
.mainBox3 .marketing, .mainBox4 .marketing { background:url(../img/icon_marketing_37x50.png) top left no-repeat; }
.mainBox3 .publishing, .mainBox4 .publishing { background:url(../img/icon_publishing_37x50.png) top left no-repeat; }
.mainBox3 .web, .mainBox4 .web { background:url(../img/icon_web_37x50.png) top left no-repeat; }

.line { margin:5px 0 }

.testimonials_home_video img { margin-top:50px !important; }
/*.overlay_container { width:420px !important; height:236px !important }*/

/* MAIN CONTENT */

#main ul { margin-left:20px; list-style-position:inside }

a.btnVeryLong { 
    display:block; 
    background:url(../img/btnVeryLong.png) no-repeat; 
    background-position:top;
    width:167px;
    height:21px;
    color:#fff !important;
    font-style:normal !important;
    text-decoration:none !important;
    padding-top:3px;
    text-align: center;
    font-weight: bold;
}
a.btnVeryLongRed { 
    display:block; 
    background:url(../img/btnVeryLongRed.png) no-repeat; 
    background-position:top;
    /*width:167px;*/
    height:21px;
    color:#fff !important;
    font-style:normal !important;
    text-decoration:none !important;
    padding-top:3px;
    text-align: center;
    font-weight: bold;
}
a.btnVeryLong1 { 
    display:block; 
    background:url(../img/btnVeryLong1.png) no-repeat; 
    background-position:top;
    width:220px;
    height:21px;
    color:#fff !important;
    font-style:normal !important;
    text-decoration:none !important;
    padding-top:3px;
    text-align: center;
    font-weight: bold;
}
a.btnLong { 
    display:inline-block; 
    background:url(../img/btnLong.png) no-repeat; 
    background-position:top;
    width:98px;
    height:20px;
    color:#fff !important;
    font-style:normal !important;
    text-decoration:none !important;
    padding-top:4px;
    text-align:center
}
a.btnLong:hover, a.btnVeryLong:hover, a.btnVeryLongRed:hover, a.btnVeryLong1:hover { background-position:bottom }

/* FOOTER */

#footer { color:#fff; margin-top:10px; margin-bottom:20px }
#footer a { color:#fff; text-decoration:none; font-size:11px; margin-left:5px; display:block; }
#footer a:hover { text-decoration:underline }
#footer a.level1 { font-size:12px; font-weight:bold; margin-left:0; }
#footer .footerColLast a { text-decoration:underline !important }
#footer .footerColLast a:hover { text-decoration:none !important }
.footerTop { background: #7d7e7f url(../img/bgFooterTop.gif) no-repeat top center; display:block; height:6px }
.footerContent { 
    background: #7d7e7f url(../img/bgFooterBottom.gif) no-repeat bottom center; 
    display:block; 
    min-height:122px; 
    padding:10px 23px 16px 23px;
}
.footerCol { float:left; width:175px; padding-right:10px }
.footerColLast { float:left; width:205px }
.footerColLast2 { padding-right:0; width:160px }
.fColum3 { width:150px }

/* FORMS */

.form label { float: left; width: 120px; margin: 3px 10px 12px 4px; text-align: right; }
.form input[type=text], .form input[type=password], .form select, .form textarea { 
    float: left; border: 1px solid #ccc; background-color: #ffffff; color: #333; font: 12px Arial; 
    margin: 0 0 4px 0; padding: 3px; width: 260px; }
.form input[type=text]:focus, .form input[type=password]:focus, .form select:focus, .form textarea:focus {
    border-color: #9a9a9a; background-color: #f9f9f9;    
}
.form textarea { height: 150px; }
#leftHalfPanel input[type=text], #leftHalfPanel input[type=password], #leftHalfPanel select, #leftHalfPanel textarea,
#rightHalfPanel input[type=text], #rightHalfPanel input[type=password], #rightHalfPanel select, #rightHalfPanel textarea  { 
    width:240px !important;
}
#leftHalfPanel select, #rightHalfPanel select { 
    width:248px !important;
		height:24px;
		background:none;
}
#leftHalfPanel fieldset { width:410px !important }

.form .error-message { color: #a00000; font: 12px Arial; margin-left: 115px; margin-bottom: 6px; }
.form input[type="submit"] { 
    display:block; 
    width:82px; 
    height:24px;
    line-height:24px;
    background: url(../img/btnShort.png) no-repeat;
    background-position:top;
    border:none;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    padding-bottom: 5px;
    cursor:pointer;
    margin-top: 10px;
}
.form input[type="submit"]:hover { background-position:bottom; }

.form .small { float: none !important; width: 280px !important; }

#recaptcha_widget_div { margin-left:135px }
.recaptchatable #recaptcha_response_field { position:relative !important }

/* SUBPAGES */

h1 { font-size: 18px; margin-bottom: 4px; font-weight: bold; /*text-shadow: 1px 1px 1px #aaa;*/ }
h2 { font-size: 16px; margin-bottom: 4px; font-weight: bold; }

#breadcrump { margin-bottom: 8px; font-size: 13px; }
#breadcrump a { color: #333; font-weight: bold; }

#leftPanel { width: 231px; float: left; margin-right: 20px; min-height: 100px; }
#rightPanel { width: 231px; float: right; min-height: 100px; }
#middlePanel { width: 458px; float: left; padding-bottom: 25px; margin-right:20px }
#middleFullPanel { width: 709px; float: left; padding-bottom: 25px; }
#leftHalfPanel { width: 474px; float: left; }
#rightHalfPanel { width: 474px; float: right; }

fieldset { border: 1px solid #ddd; padding: 8px; }
legend { margin-left: 8px; padding: 0 2px; color: #333; }

/* COURSES */

.course { background-color: #f2f2f2; margin-top: 16px; padding: 6px 4px; }

/* PAGES */

#leftCol { margin-right:20px }
#rightCol { margin-top:20px }
#content {}

.box { width:231px; min-height:105px; color:#fff; margin-bottom:15px }

#box1 h2 { font-size:18px; font-weight:bold; margin-bottom:10px }
#box1 .boxTop { background: #504f4f url(../img/bgBoxTop.gif) top center no-repeat; height:3px; display:block }
#box1 .boxContent { background: #504f4f url(../img/bgBoxContent.gif) bottom center no-repeat; padding:17px 20px 20px 20px }

#box1 ul { list-style:none; margin-left:0 }
#box1 ul li { margin:0 0 5px 0; padding:0}
#box1 ul li a { 
    display:block;
    padding-left:24px; 
    /*height:24px;*/
    color:#fff;
    font-size:14px;
    text-decoration:none; 
    line-height:24px;
}
#box1 ul ul { margin-left:10px }
#box1 ul ul li a {
    background:none;
    color:#fff;
    font-size:12px;
    text-decoration:none;
    line-height:14px;
    height:14px;
}
#box1 a:hover, #box1 a.act, #box1 li.active a { color:#ff31ce }
/*#box1 a.yellow { background-position:0 0px; background:url(../img/icon_yellow_18x24.png) top left no-repeat; }
#box1 a.orange { background-position:0 -24px }
#box1 a.red { background-position:0 -48px }
#box1 a.blue { background-position:0 -72px }*/

#box1 a.agency { background:url(../img/icon_agency_18x24.png) top left no-repeat; }
#box1 a.branding { background:url(../img/icon_branding_18x24.png) top left no-repeat; }
#box1 a.business {background:url(../img/icon_business_18x24.png) top left no-repeat; }
#box1 a.creative { background:url(../img/icon_creative_18x24.png) top left no-repeat; }
#box1 a.design { background:url(../img/icon_design_18x24.png) top left no-repeat; }
#box1 a.emarketing { background:url(../img/icon_emarketing_18x24.png) top left no-repeat; }
#box1 a.marketing { background:url(../img/icon_marketing_18x24.png) top left no-repeat; }
#box1 a.publishing { background:url(../img/icon_publishing_18x24.png) top left no-repeat; }
#box1 a.web { background:url(../img/icon_web_18x24.png) top left no-repeat; }

#box2 { width:231px; color:#333 }
#box2 .boxTop { background: #fff url(../img/bgBoxTop2.gif) top center no-repeat; height:7px; display:block }
#box2 .boxContent { 
    background: #fff url(../img/bgBoxContent2.gif) bottom center no-repeat; 
    padding:17px 3px 20px 20px; 
    min-height:120px; 
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
#box2 .boxBottom { background: #fff url(../img/bgBoxBottom2.gif) top center no-repeat; height:7px; display:block }
#box2 a:hover, #box2 a.act, #box2 li.active a { color:#ff31ce }
#box2 ul { list-style:none; margin-left:0 }
#box2 ul li { background: url(../img/line2.png) no-repeat top center; padding: 8px 0; margin-top:8px;  }
#box2 ul li.first { padding:0 0 10px 0 }
#box2 ul li.menuhead { font: bold 15px Arial; color: #f0f0f0; text-shadow: 1px 1px 2px #000; margin-top: 15px; padding: 0; } 
#box2 ul li.last { background:none }
#box2 ul li a { font-size: 18px; font-weight:bold; color:#333; text-decoration:none;  margin-top: 0px; }
#box2 ul ul { margin-left:20px; /*margin-top:7px*/ }
#box2 ul ul li { background:none; padding:0 0 3px 0; margin-top:0; }
#box2 ul ul li a { font-size:14px; font-weight:normal; color:#333;  }

#contentMain { width:709px; margin:20px 0 }
#contentMain h1 { font-size:18px; font-weight:bold; margin-bottom:15px; color:#333 }
#contentMain .contentTop { background: #fff url(../img/bgBoxTop3.gif) top center no-repeat; height:8px; display:block }
#contentMain .content { 
    background: #fff url(../img/bgBoxContent3.gif) top center no-repeat; 
    padding:17px 20px 20px 20px; 
    min-height:353px; 
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    width:667px; 
    color:#333;
}
#contentMain .contentBottom { background: #fff url(../img/bgBoxBottom.gif) top center no-repeat; height:9px; display:block }

#contentNav a { font-weight:bold; text-decoration:underline; color:#333 }
#contentNav a:hover { text-decoration:none; cursor:pointer }
a.btnLeft { display:inline-block; height:18px; padding-left:30px; background:url(../img/btnArrowLeft.gif) top left no-repeat }
a.btnRight { display:inline-block; height:18px; padding-right:30px; margin-left:20px; background:url(../img/btnArrowRight.gif) top right no-repeat }
a.btnTop { display:inline-block; height:28px; padding-right:25px; padding-top:5px; background:url(../img/btnArrowTop.gif) top right no-repeat }

/* COURSE LIBRARY */

#tableHead { 
    display:block; 
    height:37px; 
    width:654px; 
    background:url(../img/bgTableHead.jpg) no-repeat; 
    padding:17px 0 0 56px; 
    color:#fff;
    margin-bottom:20px;
}
#tableHead h2 { width:245px; display:inline-block; font-weight:normal; text-decoration:underline }
#tableHead span { display:inline-block; width:54px; padding-top:5px; margin:0 5px 5px 5px; text-align:center; border-bottom:1px dashed #ccc; cursor:help }

#tableList .blue { background-position:0 0 }
#tableList .orange { background-position:0 -55px !important }
#tableList .red { background-position:0 -110px }

/*#box1 a.agency { background:url(../img/icon_agency_18x24.png) top left no-repeat; }
#box1 a.branding { background:url(../img/icon_branding_18x24.png) top left no-repeat; }
#box1 a.business {background:url(../img/icon_business_18x24.png) top left no-repeat; }
#box1 a.creative { background:url(../img/icon_creative_18x24.png) top left no-repeat; }
#box1 a.design { background:url(../img/icon_design_18x24.png) top left no-repeat; }
#box1 a.emarketing { background:url(../img/icon_emarketing_18x24.png) top left no-repeat; }
#box1 a.marketing { background:url(../img/icon_marketing_18x24.png) top left no-repeat; }
#box1 a.publishing { background:url(../img/icon_publishing_18x24.png) top left no-repeat; }
#box1 a.web { background:url(../img/icon_web_18x24.png) top left no-repeat; }*/

#tableList table { margin-bottom:20px }
#tableList td { font-size:11px }
#tableList td h3 { font-weight:bold; font-size:14px }
#tableList td h3 a { font-style:normal }
#tableList td a { font-weight:bold; font-style:italic; color:#ff31ce; text-decoration:underline }
#tableList td a:hover { text-decoration:none }
#tableList td span { font-weight:bold; color:#ff31ce }
span.icon { background:url(../img/icons_course.gif) no-repeat; display:block; width:36px; height:32px }
span.icon1 { background-position:0 0px }
span.icon2 { background-position:0 -160px }
span.icon22 { background-position:0 -128px }
span.icon222 { background-position:0 -192px }
span.icon3 { background-position:0 -224px }
span.icon33 { background-position:0 -256px }
span.icon333 { background-position:0 -288px }
span.icon4 { background-position:0 -32px }
span.icon5 { background-position:0 -64px }
span.icon6 { background-position:0 -96px }

/* COURSE PAGE */

#contentInside { margin-right:20px; width:456px; }
.contentCourse { width:456px !important }
.contentCourse h2 { font-size:14px; font-weight:bold; color:#ff31ce; margin-bottom:5px }
.contentCourse p { margin-bottom:15px }
.contentCourse ul { margin-left: 30px !important; margin-bottom: 15px !important; list-style-position:outside !important }
.contentCourse img { margin-right:15px }

.contentCourse h1 { 
    background:url(../img/icons.gif) no-repeat; 
    padding-left:50px; 
    height:50px; 
    color:#333; 
    font-weight:bold; 
    font-size:18px; 
    /*line-height:50px */
    padding-top:15px;
}
/*.contentCourse .yellow { background-position:0 0px }
.contentCourse .orange { background-position:0 -50px }
.contentCourse .red { background-position:0 -100px }
.contentCourse .blue { background-position:0 -150px }*/

.contentCourse .agency { background:url(../img/icon_agency_37x50.png) top left no-repeat; }
.contentCourse .branding { background:url(../img/icon_branding_37x50.png) top left no-repeat; }
.contentCourse .business {background:url(../img/icon_business_37x50.png) top left no-repeat; }
.contentCourse .creative { background:url(../img/icon_creative_37x50.png) top left no-repeat; }
.contentCourse .design { background:url(../img/icon_design_37x50.png) top left no-repeat; }
.contentCourse .emarketing { background:url(../img/icon_emarketing_37x50.png) top left no-repeat; }
.contentCourse .marketing { background:url(../img/icon_marketing_37x50.png) top left no-repeat; }
.contentCourse .publishing { background:url(../img/icon_publishing_37x50.png) top left no-repeat; }
.contentCourse .web { background:url(../img/icon_web_37x50.png) top left no-repeat; }

#breadcrumbs { width:709px }
#breadcrumbs a { color:#333; text-decoration:underline }
#breadcrumbs a:hover { text-decoration:none }

table.courseTable { padding-left:10px; font-size:10px; font-weight:bold; color:#ff31ce }
table.courseTable td { padding:10px 0 }

.modulesTable { margin-bottom:15px }
.modulesTable .modulesCol { padding:10px; background-color: #f2f2f2; width: 120px; float: left; }
.modulesTable h3 { color:#ff31ce; font-size:14px; font-weight:normal }
.modulesTable ul li { font-size:11px; list-style-position:outside }
.modulesTable strong { font-size:14px }

#rightPanel h2 { font-size:18px; font-weight:bold; margin-bottom:10px; color:#ff31ce; padding-left:20px }
#rightPanel .contentTop { background: #fff url(../img/bgBoxTop4.gif) top center no-repeat; height:8px; display:block }
#rightPanel .content { 
    background: #fff url(../img/bgBoxContent4.gif) top center no-repeat; 
    padding:17px 0px 0px 0px; 
    min-height:353px; 
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    width:229px; 
    color:#333;
}
#rightPanel .contentBottom { background: #fff url(../img/bgBoxBottom4.gif) top center no-repeat; height:9px; display:block }
#rightPanel .courseBox { display:block; margin-left:20px; background:url(../img/icons.gif) no-repeat; padding-left:30px; min-height:50px }
#rightPanel .courseBox h2 { color:#333; font-weight:bold; font-size:14px; font-style:normal !important; line-height:1.2em; margin-bottom:0 }
/*#rightPanel .yellow { background-position:0 0px }
#rightPanel .orange { background-position:0 -50px }
#rightPanel .red { background-position:0 -100px }
#rightPanel .blue { background-position:0 -150px }*/

#rightPanel .agency { background:url(../img/icon_agency_37x50.png) top left no-repeat; }
#rightPanel .branding { background:url(../img/icon_branding_37x50.png) top left no-repeat; }
#rightPanel .business {background:url(../img/icon_business_37x50.png) top left no-repeat; }
#rightPanel .creative { background:url(../img/icon_creative_37x50.png) top left no-repeat; }
#rightPanel .design { background:url(../img/icon_design_37x50.png) top left no-repeat; }
#rightPanel .emarketing { background:url(../img/icon_emarketing_37x50.png) top left no-repeat; }
#rightPanel .marketing { background:url(../img/icon_marketing_37x50.png) top left no-repeat; }
#rightPanel .publishing { background:url(../img/icon_publishing_37x50.png) top left no-repeat; }
#rightPanel .web { background:url(../img/icon_web_37x50.png) top left no-repeat; }

#rightPanel .courseBox a { color:#333; text-decoration:underline; font-weight:bold; margin-left:20px }
#rightPanel .courseBox a:hover { text-decoration:none }
#rightPanel .courseBoxContent { margin:20px 20px 0px 20px }
#rightPanel .courseBoxContent ul { margin-left:30px; list-style-position:outside }
#rightPanel a.btnEnroll { 
    background:url(../img/btnEnroll3.jpg) no-repeat top left; 
    display:block; 
    text-decoration:none;
    color:#ff31ce;
    font-weight:bold;
    font-size:18px;
    width:188px;
    height:82px;
    padding:10px 7px 0 7px;
		text-align:center;
		position:relative;
}
#rightPanel a.btnEnroll span.symbol { position:absolute; left:19px; bottom:24px; color:#fff; font-size:18px; font-weight:bold }

.msg_list {
margin: 0px;
padding: 0px;
width: 383px;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FFCCCC;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}

ul#sortable { margin-left:0 }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { cursor:move; }

/* DEFAULT PAGE */

.contentDefault { width:456px !important }
.contentDefault h1 { color:#333; font-weight:bold; font-size:18px; line-height:30px }
.contentDefault h2 { font-size:14px; font-weight:bold; color:#333; margin-bottom:5px }
.contentDefault p { margin-bottom:15px }
.contentDefault img { margin-right:15px }

#defaultBox { display:block; margin-bottom:10px }
#defaultBox h2,
#rightCol .defaultBoxTop2 h2 { color:#fff; font-size:20px; text-shadow:0 1px 1px #000; padding-left:0 }
#defaultBox h2 a,
#rightCol .defaultBoxTop2 h2 a { display:block; color:#fff !important; text-decoration:none !important; padding:10px 0 10px 15px }
#defaultBox .defaultBoxTop2 { background:#e3ae0c url(../img/defaultBoxTop.gif) no-repeat }
#defaultBox .defaultBoxTop3,
#rightCol .defaultBoxTop2 { background:#e3ae0c url(../img/defaultBoxTop2.gif) no-repeat }
#defaultBox .defaultBoxTop2,
#defaultBox .defaultBoxTop3,
#rightCol .defaultBoxTop2 { width:231px; height:37px }
#defaultBox .defaultBoxTop2:hover,
#defaultBox .defaultBoxTop3:hover,
#rightCol .defaultBoxTop3:hover { -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; cursor:pointer }
.defaultBoxContent { background-color:#fff; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; width:198px; padding:10px 15px; }
.defaultBoxContent a { color:#ff31ce; font-style:italic; font-weight:bold }
.defaultBoxContent a:hover { color:#333 }
.defaultBoxBottom { background:url(../img/defaultBoxBottom.gif) no-repeat; height:10px; width:231px }

/*#rightCol .box3 .boxContent { padding:17px 5px 20px 20px }*/
#rightCol .box3 h2 { display:block; width:73px; height:20px; padding-left:0px; padding-right:33px; background:url(../img/cart.gif) no-repeat top right }
#rightCol .box3 span.product { width:100px; float:left; margin-right:5px }
#rightCol .box3 span.price { width:60px; float:left; font-weight:bold; text-align:right }
#rightCol .box3 span.priceTotal { float:right; font-weight:bold; text-align:right; margin-right:25px }
#rightCol .box3 span.delete { width:20px; float:right }
#rightCol .box3 span.total { width:80px; margin-right:5px; text-align:right; float:right; color:#ff31ce; font-size:14px; font-weight:bold }

#rightCol .courseBox1 { display:block; margin-left:0px; background:url(../img/icons.gif) no-repeat; padding-left:30px; min-height:50px }
#rightCol .courseBox1 h2 { color:#333; font-weight:bold; font-size:14px; font-style:normal !important; line-height:1.2em; margin-bottom:0 }
/*#rightCol .box4 .yellow { background-position:0 0px }
#rightCol .box4 .orange { background-position:0 -50px }
#rightCol .box4 .red { background-position:0 -100px }
#rightCol .box4 .blue { background-position:0 -150px }*/

#rightCol .box4 .agency { background:url(../img/icon_agency_37x50.png) top left no-repeat; }
#rightCol .box4 .branding { background:url(../img/icon_branding_37x50.png) top left no-repeat; }
#rightCol .box4 .business {background:url(../img/icon_business_37x50.png) top left no-repeat; }
#rightCol .box4 .creative { background:url(../img/icon_creative_37x50.png) top left no-repeat; }
#rightCol .box4 .design { background:url(../img/icon_design_37x50.png) top left no-repeat; }
#rightCol .box4 .emarketing { background:url(../img/icon_emarketing_37x50.png) top left no-repeat; }
#rightCol .box4 .marketing { background:url(../img/icon_marketing_37x50.png) top left no-repeat; }
#rightCol .box4 .publishing { background:url(../img/icon_publishing_37x50.png) top left no-repeat; }
#rightCol .box4 .web { background:url(../img/icon_web_37x50.png) top left no-repeat; }

#rightCol .courseBox1 a { color:#ff31ce; text-decoration:none; font-weight:bold; margin-left:20px; display:block }
#rightCol .courseBox1 a:hover { text-decoration:none; color:#333 }
#rightCol .courseBox1 u { margin-left:20px }

/* CERTIFICATE */

#certificate { background: url(../img/bgCertificate.jpg) no-repeat top left; display:block; width:660px; height:1058px; padding:150px; text-align:center; position:relative }
.certName { padding:270px 100px 0 110px }
.certName h1, .certTitle h1 { font-size:36px; font-weight:normal; line-height:1.2em }
.certTitle { padding:55px 100px 0 110px }
.certDate h2 { padding:220px 0 0 0 }
.cpd { color:#d01f3d; font-weight:bold; font-size:18px; text-align:left; position:absolute; left:220px; bottom:190px }

/* OTHER
**********************************************/

ul.errors { list-style:none }

form#currency_change_frm { float:left; margin-right:10px; }
form#currency_change_frm select { height:21px; width:55px }

.registerCheckbox label { text-align:left; width:180px; margin-left:0px }
.registerCheckbox input { margin-right:5px }

#mediaspace_small:hover { cursor:pointer }
.mediaspace_small:hover { cursor:pointer }
.mediaspace_small_left { height:113px !important; position:relative }
.mediaspace_small_top { position:relative }

.btnPlay { position:absolute; z-index:1; top:29px; left:78px; display:block; width:50px; height:50px; background: url(../img/btnPlay.png) no-repeat }
.btnPlayTop { position:absolute; z-index:1; top:38px; left:78px; display:block; width:50px; height:50px; background: url(../img/btnPlay.png) no-repeat }

.contentTest h1.agency { background:url(../img/icon_agency_37x50.png) top left no-repeat; }
.contentTest h1.branding { background:url(../img/icon_branding_37x50.png) top left no-repeat; }
.contentTest h1.business {background:url(../img/icon_business_37x50.png) top left no-repeat; }
.contentTest h1.creative { background:url(../img/icon_creative_37x50.png) top left no-repeat; }
.contentTest h1.design { background:url(../img/icon_design_37x50.png) top left no-repeat; }
.contentTest h1.emarketing { background:url(../img/icon_emarketing_37x50.png) top left no-repeat; }
.contentTest h1.marketing { background:url(../img/icon_marketing_37x50.png) top left no-repeat; }
.contentTest h1.publishing { background:url(../img/icon_publishing_37x50.png) top left no-repeat; }
.contentTest h1.web { background:url(../img/icon_web_37x50.png) top left no-repeat; }

#courses_div input { margin-right:5px }

#checkoutHolder { padding:0 17px }
#checkoutHolder #leftHalfPanel { padding-right:10px; width:298px }
#checkoutHolder #leftHalfPanel label { line-height:normal; width:100px }
#checkoutHolder #leftHalfPanel input[type="text"], 
#checkoutHolder #leftHalfPanel input[type="password"], 
#checkoutHolder #leftHalfPanel select, 
#checkoutHolder #leftHalfPanel textarea, 
#checkoutHolder #rightHalfPanel input[type="text"], 
#checkoutHolder #rightHalfPanel input[type="password"], 
#checkoutHolder #rightHalfPanel select, 
#checkoutHolder #rightHalfPanel textarea { width:150px !important }
#checkoutHolder #leftHalfPanel fieldset { width: 280px !important; }
#checkoutHolder #leftHalfPanel .hint { margin-left:115px !important }
.featureCourseEnrol { padding: 5px 0 10px 50px }
.featureCourseEnrol a { font-weight:bold }
input#voucher_code { width:170px }

#checkoutHolder input[type="button"] { 
    display:block;
		float:left;
    width:82px; 
    height:24px;
   	line-height:12px;
    background: url(../img/btnShort.png) no-repeat;
    background-position:top;
    border:none;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    padding-bottom: 5px;
    cursor:pointer;
		margin-left:10px;
}
#checkoutHolder input[type="submit"],
input.btnVeryLong { 
    display:block; 
    width:167px; 
    height:24px;
    /*line-height:24px;*/
    background: url(../img/btnVeryLong.png) no-repeat;
    background-position:top;
    border:none;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    padding-bottom: 5px;
    cursor:pointer;
    margin-top: 10px;
}
#checkoutHolder input[type="submit"]:hover, #checkoutHolder input[type="button"]:hover { background-position:bottom; }
fieldset#fieldset-payment { padding-left: 20px }
fieldset#fieldset-payment label { float:none }
#checkoutHolder #leftHalfPanel .errors li {
color: red;
margin: 0px 0px 4px 45px;
}

fieldset#fieldset-personal_informatios label { line-height:normal }
fieldset#fieldset-personal_informatios textarea { height:70px }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

p.btnSave input[type="submit"] { width: 167px !important; margin:0 10px; display:inline-block; background:url(../img/btnVeryLong.png) no-repeat !important;  }
p.btnSave input[type="submit"]:hover { background-position:bottom !important; }

input.openEndedW, input.openEndedS, input.openEndedPr, input.openEndedPg { background-color:#FFFFFF; border:1px solid #CCCCCC; color:#333333; font:12px Arial; margin:0 0 4px; padding:3px; }

.contentDefault a, .finishModule a { color:#FF31CE }
.contentDefault a:hover, .finishModule a:hover { text-decoration:none }

.courseNotes a[href$=".pdf"],
	.courseNotes a[href$=".PDF"],
	.courseNotes a.pdf {
		color: #FF31CE;
		padding: 2px;
		padding-left: 20px;
			font-size:12px;
		background: url(../img/icons/page_white_acrobat.png) no-repeat left center;
	}
	.courseNotes a[href$=".doc"],
	.courseNotes a[href$=".DOC"],
	.courseNotes a.doc {
		color: #FF31CE;
		padding: 2px;
		padding-left: 20px;
			font-size:12px;
		background: url(../img/icons/page_word.png) no-repeat left center;
	}
	.courseNotes a[href$=".xls"],
	.courseNotes a[href$=".XLS"],
	.courseNotes a.xls {
		color: #FF31CE;
		padding: 2px;
		padding-left: 20px;
			font-size:12px;
		background: url(../img/icons/page_excel.png) no-repeat left center;
	}
	.courseNotes a[href$=".gz"],
	.courseNotes a[href$=".GZ"],
	.courseNotes a[href$=".gzip"],
	.courseNotes a[href$=".GZIP"],
	.courseNotes a[href$=".zip"],
	.courseNotes a[href$=".ZIP"],
	.courseNotes a.archive {
		
		color: #FF31CE;
		padding: 2px;
		padding-left: 20px;
		background: url(../img/icons/page_white_zip.png) no-repeat left center;
	}
	.courseNotes a[href$=".exe"],
	.courseNotes a[href$=".EXE"],
	.courseNotes a.application {
		color:#FF31CE;
		padding: 2px;
		padding-left: 20px;
		background: url(../img/icons/application.png) no-repeat left center;
	}

.contentPaging a { display:inline-block; height:16px; width:10px; text-decoration:none; background-color:#FF31CE; color:#fff; margin-right:3px; text-align:center; padding:2px 5px }
.contentPaging a.current { background:none; color:#FF31CE; border:1px solid #FF31CE }
.contentPaging a:hover { background-color:#941c77; color:#fff }
.contentPaging a.prev, .contentPaging a.next { width:120px }

th.header { text-align:left; text-decoration:underline; color:#FF31CE; }
th.header:hover { cursor:pointer }
th.headerSortDown { background: url(../img/arrowUp.gif) no-repeat top right }
th.headerSortUp { background: url(../img/arrowDown.gif) no-repeat top right }