/* GLOBAL */
html, body {height:100%; min-height:100%; margin:0px; padding:0px; font:12px arial, sans-serif;}
body {cursor:default; background-color:#FFF; color:#333; background-image:url(../images/default-background/homepage.jpg); background-position: 974px 0px;  background-attachment:scroll;}
img, a image {border:0px; border:none;}
form {margin:0px;}
a {outline:none;}
a:hover, a:active {outline:none;}
/* a[icon ^="external"] {padding-right:20px; background: transparent url(../images/interface/link_external1.png) no-repeat right -12px; } */
ul {list-style-type: none;}
h2 {font: 15px "adelle-1","adelle-2", arial, sans-serif; line-height: 16px; font-weight: 600;color: #333; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
.hidden {display:none;}
.fixme {background-color:#FFO;}
.right {float:right;}
.left {float:left;}
.cfl {clear:left; height:0px; overflow:hidden;}
.cfr {clear:right; height:0px; overflow:hidden;}
.cfb {clear:both; height:0px; overflow:hidden;}

/*WYSIWYG*/
#wysiwyg {margin:20px 0;}

/* ADDTHIS */
.addthisemailprint {position:absolute; right:12px; top:16px; margin:0; padding:0;}
.addthisfacebooktweet {position:absolute; right:17px; bottom:-31px; margin:0; padding:0;}

/* LOGO */
#logo {z-index:9998; position:absolute; top:10px; left:0px;}
#logo span {visibility:hidden;}
#logo a {text-decoration:none; padding:0px 15px; display:block; width:165px; height:75px; background:url(../images/interface/sprite_general.png) 15px -96px no-repeat; }

/* LOGIN OLD  */
/*
#loginWrapper {position:absolute; top:14px; z-index:100; background-color:#FFF; border:solid 1px #ddd; width:182px; height:32px; overflow:hidden; padding:1px; left:772px;}
#login {background-color:#FFF; margin:0px; height:12px; font-size:11px; padding:10px 7px; color:#666;}
#login a {position:absolute; top:6px; right:6px; display:block; width:58px; height:22px; background:url(../images/interface/sprite_general.png) no-repeat;}
#login a:link, #login a:visited {background-position: -450px -780px;}
#login a:hover, #login a:active {background-position: -450px -810px;}
#login h3 {color: #999999; font: 400 13px/16px "adelle-1","adelle-2",arial,sans-serif; margin: 0; padding: 10px 0 0 7px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}*/

/* TEXT LOGIN SHELLWIDE*/
#loginWrapper {position:absolute; top:14px; z-index:100; background-color:#FFF; border:solid 1px #ddd; width:182px; height:32px; overflow:hidden; padding:1px; left:772px;}
#loginText {background-color:#FFF; padding:0px; margin:0px; height:22px; width:100px; font-size:11px; color:#666;}
#loginText a {display:block; background-color:#F15A22; color:#FFF; padding-top:5px; margin:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float:left; position:absolute; top:6px; right:6px; width:60px; height:17px;  font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; }
#loginText a:link, #loginText a:visited {background-color:#F15A22;text-decoration:none;}
#loginText a:hover, #loginText a:active {background-color:#666666;}
#loginText h3 {color: #999999; font: 400 13px/16px "adelle-1","adelle-2",arial,sans-serif; margin: 0; padding-left: 7px; padding-top: 10px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}


/*SEARCH */
#searchWrapper { left: 772px; background-color: #FFFFFF; border: 1px solid #DDDDDD; font-size: 11px; height: 48px; padding: 1px; position: absolute; top: 53px; width: 182px; z-index: 100;}
#search {width:auto; height:auto;}
#search a:link, #search a:visited {color:#F15A22; text-decoration:none;}
#search a:hover, #search a:active {color:#000; text-decoration:none;}
#searchWrapper input{background-color: #eee;border: 1px solid #ddd;color: #777777;font: 11px arial;padding: 3px;position: absolute;right: 5px;bottom: 5px; width: 165px; height:15px;}
#search button {background:url(../images/interface/sprite_general.png) no-repeat -115px -214px; transparent; border:0px; outline:0px; cursor:hand; width:18px; height:17px; position:absolute; top:24px; right:7px; }
#search h3 {font: 13px "adelle-1","adelle-2", arial, sans-serif; line-height: 16px; font-weight: 400;color: #999; padding:0; margin:0; position:absolute; top:5px; left:5px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}

/* GLOBAL NAV */
#globalnavWrapper {background-color: #FFFFFF; border: 1px solid #DDDDDD; height: 92px;left: 195px; overflow: hidden; position: absolute; top: 0; width: 394px; z-index: 0; }
#globalnav_shadow {position:absolute; top:0px; left:0px; height:93px; width:10px; background:url(../images/interface/sprite_y-bgs.png) -985px 0px repeat-y;}
#globalnavWrapper a.close, #globalnavWrapper a.open  {position:absolute; top:0px; right:0px; display:block; width:29px; height:92px; background:url(../images/interface/sprite_general.png); background-repeat:no-repeat;}
#globalnavWrapper a.close:link, #globalnavWrapper a.close:visited {background-position:0px -670px;}
#globalnavWrapper a.close:hover, #globalnavWrapper a.close:active {background-position:-35px -670px;}
#globalnavWrapper a.open, #globalnavWrapper a.open:link, #globalnav a.open:visited, #globalnavWrapper a.open:hover, #globalnav a.open:active {background-position:-70px -670px;}
#globalnav {font:12px "adelle-1","adelle-2", arial, sans-serif; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#globalnav ul {color: #666666; height: 82px; list-style-type: none; margin: 0; padding: 10px 0 0; width: 394px;}
#globalnav ul li {border-bottom: 1px solid #E5E5E5; display: block; float: left; margin-left: 20px; width: 210px;}
#globalnav ul li.nl {border-width:0px;}
#globalnav ul li.sm{width:130px}
#globalnav ul li a {display:block; padding:5px 0px; background:url(../images/interface/sprite_general.png) no-repeat;}
#globalnav ul li a:link, #globalnav ul li a:visited {color:#666; text-decoration:none; background-position: right -304px;}
#globalnav ul li a:hover, #globalnav ul li a:active {color:#F15A22; text-decoration:none; background-position: right -324px;}

/* OVERALL COLUMNS */
table#cols {width:auto; height:100%; border-collapse:collapse; border:0px;}
table#cols td {/*vertical-align:top;*/ padding:0px; margin:0px;}
td#sidenavcol {vertical-align:top; width:195px; background-color:#F15A22;}
div#sidenavWrapper {position:relative; width:195px; font: 13px "adelle-1","adelle-2", arial, sans-serif;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
td#maincol {min-height:100%; height:100%; width:779px; background:url(../images/interface/sprite_y-bgs.png) repeat-y #FFF;}
td#picscol {height:100%; min-height:100%; vertical-align:top; width:auto; /**/}
div#picsWrapper {position:relative; height:100%; min-height:100%;}
div#shadow {height:100%; min-height:100%; width:28px; background:url(../images/interface/sprite_y-bgs.png) -950px 0px repeat-y;}
div#caption {position:fixed; bottom:60px; left:990px; background:url(../images/interface/trans_white.png);  font:11px arial, sans-serif; line-height:16px; color:#000; padding:2px 4px; display:none;}

/* CONTENT AREA COLUMNS */
#hb_main {float:left; width:538px; margin-bottom:0px; padding-top:15px; position:relative;}

/* SIDE NAV */
#sidenav {margin-top: 144px;}
a:focus, object:focus, input:focus {outline: none;}
.relative {position: relative;}
.nav-container {width: 170px; padding: 0px 0px 0px 14px; background-color: #f15a22; mmin-height: 1464px; position:relative; left: 0px; top: 0px; z-index: 2;}
a.home {background: url(../images/interface/sprite_general.png) no-repeat -135px -220px; padding-left: 20px; margin-bottom: 18px; display: inline-block;  font:14px "adelle-1","adelle-2", arial, sans-serif;font-weight: 600; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
.social {padding: 35px 0px 0px 0px !important; border: none; /* height: 2500px; /* quick fix for covering when sliding */}
.page-content {position: absolute; left: 0px; top: 0px !important; z-index: 1;}
.page {display: none;}

/* SIDE NAV - MODIFIED */
.nav { width: 161px;  padding: 22px 17px;  background-color: #f15a22;  left: 0px;  top: 0px;  z-index: 2; }
.nav ul { list-style-type: none;  padding: 0px;  margin: 0px;  background-color: #f15a22;  position: relative; overflow:hidden;}
.nav ul li { position: relative;  border-top: 1px solid #E3E3E3;  padding: 0px 0px 0px 0px; }
.nav ul li:first-child { border-top: none; }
.nav ul li a { display: block;  position: relative; padding:4px 0px 3px 3px; }
.nav ul li ul li a { display: block;  position: relative; padding:4px 12px 3px 0px; }
.nav .menu {height:20px;width:20px;position:absolute;top:-2px;right:0px;background:url(../images/interface/sprite_general.png) no-repeat -84px -468px}
.nav .menuopen {height:20px;width:20px;position:absolute;top:-2px;right:0px;background:url(../images/interface/sprite_general.png) no-repeat -84px -413px}
.nav .menu:hover {background-position: -84px -495px}
.nav .menuopen:hover {background-position: -84px -440px}
.nav .menu span {margin-top:3px;}
.level_2 { font-size: 12px;  display:block; }
.open { display:block; }
.nav a.active { color: #333;}
.nav a.active_no_children { color: #333;  border-bottom: none; }
.arrow { background: url(../images/interface/sprite_general.png) right no-repeat; background-position: 137px -495px; }
.arrow:hover { background-position: 137px -420px; }
.nav a { text-decoration: none;  color: #fff; }
.nav a:hover { color: #000; }
.level_1 { width: 158px; }
.level_2 { width: 145px;  margin-left: 17px; font: 12px arial, sans-serif;}

/* SIDE NAV - DEFAULT */
#cols.offshoot .nav ul li ul {display:none;}
#cols.offshoot .menu {font-size:9px; color:#f69c7a; background:none; width:9px; padding: 5px 0px 0px 5px;}
#cols.offshoot div#sidenavWrapper {margin-top:145px;}

/* MAIN CONTENT COLUMN ELEMENTS */
table#maincontent {height:100%; border-collapse:collapse; margin:0px 19px 0px 20px; width:741px;}/*wide*/
td#maincontent_top {height:185px; vertical-align:top;}
td#maincontent_mid {height:auto; border:1px solid #FEDDD4;  border-top:4px solid #F15A22; background:#FFF; vertical-align:top;}

/* CONTENT AREA */
div#contentWrapper {position:relative; height:100%; min-height:600px; margin:0; padding:0;}
div#contentWrapper .g {width:742px;}
div#content {height:100%; margin:0px;  padding:24px 18px 60px 18px; position:relative;}
div#contenttop {}
#content h1.pagetitle { font:24px "adelle-1","adelle-2", arial, sans-serif; font-weight:600; margin:0px; padding-top:0px; line-height:28px; max-width:90%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#content p {font:12px arial, sans-serif; line-height:18px; margin-top:0px;}
#content h2 {font:Normal 14px arial, sans-serif; padding:0px; margin:20px 0px 10px 0px; color:#000;}
#content h4 {font:12px arial, sans-serif; padding:0px; margin:0px 0px 10px 0px; color:#000;font-weight:bold;}
#content a:link,  #content a:visited {text-decoration:none; color:#F15A22;}
#content a:hover,  #content a:active {text-decoration:none; color:#F15A22;}
#content #title {height:64px; clear:both;}
#content #title h2 {font:18px "adelle-1","adelle-2",arial,sans-serif; margin:0px; padding:0px; line-height:28px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#content #title h2.parent {font:24px "adelle-1","adelle-2",arial,sans-serif; margin:0px; padding:0px; line-height:28px; color:#F15A22; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#content h1.subchild {font:18px "adelle-1","adelle-2", arial, sans-serif; margin-top:0px; padding-top:0px; line-height:28px; color:#F15A22; margin-top:10px; color:#000000 !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#content div ul {list-style-image:url(../images/interface/bullet-light-gray.png); list-style-position:outside;}
#content div ul ul {list-style-image:url(../images/interface/bullet-dark-gray.png);}
#content div ul ul ul {list-style-image:url(../images/interface/bullet-black.png);}
#content div ul li {font-size:12px; padding-bottom:8px;}
#content div ol {list-style-position:outside;}
#content div ol li {font-size:12px; padding-bottom:8px;}
#content .info {margin-top:20px;}

/* SHARE BUTTON */
.share {float:left; margin-top:3px; padding-left:18px;}

/* FOOTER */
td#maincontent_footer {height:130px; font:11px arial, sans-serif; vertical-align:top;}
#footerWrapper {margin:50px 0px 0px 0px; border-top:1px solid #F15A22; color:#F15A22; font:10px arial, sans-serif !important; height:69px;}
#footerWrapper #copyright {float:right; width:100px; margin-top:10px; color:#000;}
#footerWrapper #links {float:left; width:540px; border-top:3px solid #F15A22; padding-top:7px;}
#footerWrapper #links div {float:left; width:auto;}
#footerWrapper #links div.col1 {width:200px;}
#footerWrapper #links div.col2 {width:200px;}
#footerWrapper #links div.col3 {width:auto;}
#footerWrapper #links a {display:block; width:auto; padding:0px; padding-bottom:2px;}
#footerWrapper #links a:link, #footerWrapper #links a:visited {text-decoration:none; color:#F15A22;}
#footerWrapper #links a:hover, #footerWrapper #links a:active {text-decoration:none; color:#333;}
#footerWrapper #links a.external {padding:0px 0px 0px 18px; background:url(../images/interface/sprite_general.png) no-repeat; }
#footerWrapper #links a.external:link, #footerWrapper #links a.external:visited { background-position: left -373px;}
#footerWrapper #links a.external:hover, #footerWrapper #links a.external:active {background-position: left -393px;}
#footerWrapper #links a.selected:link, #footerWrapper #links a.selected:visited, #footerWrapper #links a.selected:hover, #footerWrapper #links a.selected:active {text-decoration:none; color:#666;}

/* SOCIAL MEDIA */
#social-container {width: 170px; margin:10px 12px 10px 12px; }
#social-container .top { height:72px; width:168px; border:1px solid #f47b4e; background:url(../images/interface/new-social-media/orange-background.png); }
#social-container .langara-social { font: 12px "adelle-1","adelle-2", arial, sans-serif; line-height: 16px; font-weight: 600;color: #FFF; background:transparent; padding:4px; float:left; clear:both; width:168px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#fb, #tw, #fl, #yt  { float:left; height:44px; background:url(../images/interface/sprite_home.png) no-repeat; height:31px; width:31px; margin:6px 0px 0px 8px; display:block}
#social-container .top #tw { background-position:0px -160px; margin-left:9px; }
#social-container .top #fb { background-position:-38px -160px; }
#social-container .top #fl { background-position:-77px -160px; }
#social-container .top #yt { background-position:-116px -160px; }
#social-container .top #tw:hover { background-position:0px -200px; }
#social-container .top #fb:hover { background-position:-38px -200px; }
#social-container .top #fl:hover { background-position:-77px -200px; }
#social-container .top #yt:hover { background-position:-116px -200px; }
#social-container .top #tw:active, #social-container .top #tw.rollover-active { background-position:0px -240px; }
#social-container .top #fb:active, #social-container .top #fb.rollover-active { background-position:-38px -240px; }
#social-container .top #fl:active, #social-container .top #fl.rollover-active { background-position:-77px -240px; }
#social-container .top #yt:active, #social-container .top #yt.rollover-active { background-position:-116px -240px; }
#social-container .middle { background-color:#F15A22; height:auto; display:block; }
#social-container .bottom { height:9px; background:url(../images/interface/socialmedia/arrow.jpg) center top no-repeat; width:168px; margin-left: 1px; }
#social-container .bottomup { height:9px; background:url(../images/interface/socialmedia/arrow-up.jpg) center top no-repeat; }

/* FEEDBACK */
#feedback { width:172px; height:80px; padding: 5px 5px 5px 15px; margin:10px color: #999; }
#feedback a { color: #FFF; text-decoration: none; font-size: 11px; line-height:1.5; }
#feedback a:hover { color: #000; }
#feedback-one, #feedback-two, #feedback-three, #feedback-four, #feedback-thank { display: none; width: 658px; height: auto; position:relative; }
.ftop { height: 26px; width: 658px; padding:0px; margin:0px; background:  url(../images/interface/feedback/feedback-top.png) top center no-repeat; }
.fmiddle { height: auto; width: 658px;  padding:0px; margin:0px; background: transparent url(../images/interface/feedback/feedback-middle.png) top center repeat-y; }
.fbottom { height: 26px; width: 658px;  padding:0px; margin:0px; background:  url(../images/interface/feedback/feedback-bottom.png) top center no-repeat; }
#feedback-one form, #feedback-two form, #feedback-three form, #feedback-four form { padding:10px; margin:0px; }
#feedback-one table, #feedback-two table, #feedback-three table, #feedback-four table, #feedback-thank table { margin:0px 29px 0px 29px}
#feedback-one h2, #feedback-two h2, #feedback-three h2, , #feedback-four h2,#feedback-thank h2 { padding-bottom: 10px; border-bottom: 1px solid #333; font: 18px "adelle-1","adelle-2", arial, sans-serif; line-height: 18px; font-weight: 600;color: #333; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
a.bClose { color: #000; position:absolute; top:10px; right: 10px; font-size:10px; text-decoration:none; padding: 3px 8px 3px 8px; cursor:pointer; }
a.bClose:hover { color:#f15a22; }
#feedback-one input, #feedback-one textarea, #feedback-one select,
#feedback-two input, #feedback-two textarea, #feedback-two select,
#feedback-four input, #feedback-four textarea, #feedback-four select,
#feedback-three input, #feedback-three textarea, #feedback-three select{ color:#333; padding-left: 4px; border: 0px none; background-color:transparent;  }
#feedback-one input, #feedback-two input, #feedback-four input, { width: 238px; height: 24px; }
.round-input { background: transparent url(../images/interface/feedback/input.gif) 0px 0px no-repeat; width: 246px; height: 24px; }
#feedback-one textarea , #feedback-two textarea, #feedback-three textarea, #feedback-four textarea { width: 409px; height: 157px; }
.round-textarea { background: transparent url(../images/interface/feedback/textarea.gif) 0px 0px no-repeat; width: 417px; height: 165px;}
#feedback-one select, #feedback-two select, #feedback-three select, #feedback-four select { width: 246px; height: 24px; color:#f15a22; padding-top:4px; }
#feedback-one p input {height:auto; width:auto;}
#feedback-one p strong{padding-top:10px;}
.round-textarea-survey { background: transparent url(../images/interface/feedback/textarea-survey.gif) 0px 0px no-repeat; width: 417px; height: 125px;}
#feedback-one .round-textarea-survey textarea,#feedback-four.round-textarea-survey textarea,  { width: 409px; height: 118px; }
#feedback-one .submit, #feedback-one .reset, #feedback-two .submit, #feedback-two .reset, #feedback-three .submit, #feedback-three .reset, #feedback-four .submit, #feedback-four .reset  { display: block; border: 0px none; padding:0px; margin-top:6px; width: 58px; height:21px; float:left; }
.submit { background:url(../images/interface/feedback/submit.png) no-repeat 0 -26px; margin-right:10px; }
.submit:hover { background-position: 0 0px; }
.reset { background:url(../images/interface/feedback/reset.png) no-repeat 0 -26px; }
.reset:hover { background-position: 0 0px; }
.error {color:red;}

/* SITEMAP */
.siteMapWrapper { clear: left;}
.floatColumn {width: 160px; float: left; min-height: 200px;border-top: 1px solid #333; padding: 0px 0px 0px 1px; margin-right: 15px;margin-top: 20px; position: relative;}
.floatColumn h2 { font: 15px "adelle-1","adelle-2", arial, sans-serif; line-height: 16px; font-weight: 600; margin-bottom:20px; color: #666; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
.floatColumn a:hover, .floatColumn a:active { color: #F15A22;text-decoration: none;}
.floatColumn a:link, .floatColumn a:visited { color: #F15A22; text-decoration: none;}
.floatColumn a { color: #F15A22; display: block;}
.floatColumn .external-link div{ background: url(/_files/images/interface/sprite_general.png) no-repeat scroll 0 0 transparent;background-position: right -310px; margin-top:2px;width: 12px;height:12px;float:right;}
.floatColumn .external-link.hover div{ background-position: right -330px; }
div.sitemap-item { padding:5px 0px; border-bottom: 1px solid #E5E5E5;  }
div.sitemap-folder { padding-left:10px; }
div.sitemap-item-wrapper{ margin-left:-10px;}

/* PROGRAMS-AND-COURSES-INDEX */
#pc_programfilterform .credential-popup, #pc_programfilterform .program-type-popup {float:left; margin:0px; padding:5px; background-color:#FFF; color:#F15A22; width:auto; height:12px; display:block; line-height:12px; border:1px solid #CCC; }
#pc_programfilterform .credential-popup div, #pc_programfilterform .program-type-popup div {display:none; position:absolute; top:22px; left:0px; z-index:1000; padding:16px; background-color:#FFF; border: 1px solid #F15A22; width:653px; color:#333; }

/* FORMS WITH NO TABLE (HOMESTAY AND HR) - JY */
#formWrapper {position: relative;float: left;background-color: #F7F7F7;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;padding:25px 0px;margin-bottom:25px;width: 100%;}
.formitem {position: relative;float: left;width: 500px;margin:8px 0px;padding:0px 20px;}
.formitem .twocol {position: relative;float: left;width:50%;}
.formitem .twocol input, .formitem .twocol textarea  {position: relative;float: left;width:90%; margin:5px 5px 5px 0;}
.formleft {position: relative;float: left;width: 180px;margin:0px 10px 0px 0px;}
.formright {position: relative;float: left;width: 250px;}
.formright input, .formright textarea, .formitem textarea {border:1px solid #CCC; padding:6px; color:#333; border-radius: 3px 3px 3px 3px; width:90%;}
.formright input[type=checkbox], .formright input[type=radio] {width: auto;}
.formright select {min-width: 180px;width: auto!important;width: 180px;}
.formleft p {margin:2px 0px 0px 0px;padding:0;font-weight:bold;}
.formitem p {margin:0; padding:0;}
.formitem h2 {padding:10px 0px 30px 0px;  font:14px arial, sans-serif;}
.noborder, .noborder td {border:none!important;}
.leftcol {width:550px; float: left;}
.rightcol {width:150px; float: right; margin-bottom:50px;}
.leftcol p {margin-bottom:15px;}
.rightcol p {margin-bottom:15px;}
.column {float: left;margin-right: 4px;padding: 4px 5px 4px 0px;width: 150px;}
.rule {width:auto; height: 1px; background-color:#CCC; margin:10px 0px; padding:0;}
.cost-of-study-iframe, .dynamic-iframe {width:100%;height:901px;border-style:none;}

/* GRID LANDING PAGE */
.main-landing, .main-landing-wide {width:100%; clear:both;}
.main-landing a, .main-landing-wide a {position:relative; float:left; display:block; height: 190px; width:161px !important; margin:15px; margin-left:0px; border-top:2px solid #333; border-bottom:1px solid #333; font-family: "adelle-1","adelle-2","arial",sans-serif; font-size:14px; color:#333 !important;padding:10px 0 10px 0;}
.main-landing a span, .main-landing-wide a span {position:absolute; bottom:10px; left:0px; font-family: "arial",sans-serif; font-size:12px; color:#F15A27;}
.main-landing a:hover, .main-landing-wide a:hover  {border-color:#F15A27; color:#F15A27 !important;}
.main-landing-wide a{width:31%!important; height: 250px;}

/* SIDEBAR */
#sidebar {float:right;width:153px;display:block;background-color:#FFF;height: auto;margin-top:0;}
#sidebar h2.sidebartitle {font:13px/15px "adelle-1", "adelle-2", arial, sans-serif; font-weight:600; color:#333; border-bottom:2px solid #333; margin:20px 0 5px 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#sidebar h2 {font:13px arial, sans-serif; font-weight:normal; color:#333; border-bottom:1px solid #333; padding:3px 0px; margin:0px;}
#sidebar h3 {font:12px arial, sans-serif; font-weight:normal; color:#666; border-bottom:1px solid #D6D6D6; padding:10px 0 4px 0; margin:0px;}
#sidebar .section, #sidebar .section p, #sidebar .section li {font:11px/14px arial, sans-serif;}
#sidebar a {text-decoration:none; color:#F15A22;}
#sidebar a:hover, #sidebar a:active {text-decoration:none; color:#F15A22;}
#sidebar .section {margin-bottom:25px; width:150px;}
#sidebar .feature {margin-bottom:25px; width:150px; color:#666; font:12px/15px arial, sans-serif;}
#sidebar .feature p {margin:7px 0px;}
#sidebar .withimage h1 {margin-bottom:0px;}
#sidebar .legend {font:10px arial, sans-serif; color:#666; padding:4px 0px 4px 0px; font-style:italic;}
#sidebar .section a {padding:5px 1px 5px 0px; line-height:16px;}
#sidebar .section a.underline {border-bottom:1px solid #D6D6D6; display:block;}
#sidebar .section a img {display:inline-block; vertical-align:middle; margin-left:1px; margin-top:-2px;}
#sidebar .section a.nl {border-width:0px;}
#sidebar .section a.std {border-width:0px; margin:0px; padding:0px;}
#sidebar .section a.sub {font:11px arial; color:#666; padding:0px 5px 5px 10px;}
#sidebar .section ul {padding:0px 0px 0px 10px;}
/*#sidebar .section .callout {background-color: #F7F7F7!important; border: 1px solid #DDDDDD; box-shadow: 1px 1px 1px #DDDDDD; display: block;}
#sidebar .section .callout h2 {background-color: #F7F7F7; font:13px/15px "adelle-1", "adelle-2", arial, sans-serif; font-weight:600; color:#F15A22; border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;  border-bottom:0; border-left: 1px solid #DDDDDD; padding:13px 13px 5px 13px; margin:0;}
#sidebar .section .callout p {background-color: #F7F7F7; padding:0px 13px 5px 13px; margin:0;border-top:0; border-right: 1px solid #DDDDDD;  border-bottom:0; border-left: 1px solid #DDDDDD;}
#sidebar .section .callout p:last-child {padding:0px 13px 13px 13px; border-bottom: 1px solid #DDDDDD; }*/
#sidebar a#costofstudy {display:block; width:153px; height:65px; background-image:url(../images/interface/sprite_P2.png); margin-bottom:35px;}
#sidebar a#costofstudy:link, a#costofstudy:visited {background-position:-1100px -150px;}
#sidebar a#costofstudy:hover {background-position:-1100px -230px;}
#sidebar a#costofstudy:active {background-position:-1100px -310px;}
#sidebar a#register {display:block; width:153px; height:65px; background-image:url(../images/interface/sprite_P2.png); margin-bottom:35px; border:0;}
#sidebar a#register:link, a#register:visited {background-position:-1271px -150px;}
#sidebar a#register:hover {background-position:-1271px -230px;}
#sidebar a#register:active {background-position:-1271px -310px;}
#sidebar a#compare {display:block; width:150px; height:42px; background-image:url(../images/interface/sprite_P2.png); margin-bottom:10px; border-width:0px; padding:0px;}
#sidebar a#compare:link, a#compare:visited {background-position:-205px 0px;}
#sidebar a#compare:hover {background-position:-205px -50px;}
#sidebar a#compare:active {background-position:-205px -100px;}
#sidebar a#compare2 {display:block; width:137px; height:30px; background-image:url(../images/interface/sprite_P2.png); margin-bottom:10px; border-width:0px; padding:0px;}
#sidebar a#compare2:link, a#compare:visited {background-position:-530px -20px;}
#sidebar a#compare2:hover {background-position:-530px -60px;}
#sidebar a#compare2:active {background-position:-530px -100px;}

/* RS SIDERBAR CALLOUT */
#sidebar .callout {width:133px; padding:10px; background-color:#f7f7f7; border:1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#sidebar .callout h2 {border:0; margin:5px 0; padding:0; color: #F15A22; font: 600 13px/15px "adelle-1","adelle-2",arial,sans-serif;}
#sidebar .callout p {margin:5px 0;}

/* Testimonials (reveal/hide) */
.moreinfo { clear: none; }
.hide {display:none;}
#testimonials .testimony { border-top: 2px solid #666; ;margin-bottom: 30px;height: inherit !important; top: 0px !important; right: 0px !important; display: block;}
#testimonials .testimony .image { display: block; float: right; height:150px; width: 150px; overflow: hidden; padding-left:6px;}
#testimonials .testimony .readmore, #testimonials .testimony .close { position: relative; right: 0px; top: 0px; clear: both; width: 100%; border-bottom: 1px solid #666; height:20px; padding-top:6px; padding-bottom:10px;}
#testimonials .testimony .readmore a {float: right; padding-right: 10px; font-size: 12px; background: url(../images/interface/sprite_general.png) no-repeat right -254px;}
#testimonials .testimony .close a {float: right; padding-right: 10px; background: url(../images/interface/sprite_general.png) no-repeat right -225px;}
#testimonials .testimony .title {padding: 6px 5px 5px 0px;font: 16px/18px arial, sans-serif;color: #333;border-bottom: 1px solid #666;}
#testimonials .testimony .subtitle {font: 12px/18px arial, sans-serif;color: #999;}

/* Temporary fix for static Apply page */
.divider {-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F7F7F7; border-color: #CCCCCC; border-style: solid; border-width: 1px 0; list-style-type: none; margin-top: 20px; padding-left: 10px;}
.contentcontainer {width: 548px; background-color: #F7F7F7;border: 1px solid #CCCCCC;margin-bottom: 1em;margin-top: 1em; padding: 10px;}

/* APPLY / REGISTER / VIEW BUTTONS */
#topButtons {position:relative; top:132px; left:0px;}
#topButtons a {display:block; float:left; overflow:hidden; background-repeat:no-repeat; margin-right:9px;}

/* BUTTONS SITE WIDE - RG */
#topButtons a:link,  #topButtons a:visited {text-decoration:none !important; color:#F15A22 !important;}
#topButtons a:hover,  #topButtons a:active {text-decoration:none !important; color:#fff !important;}
#topButtons a.adelle { font-size: 13px;   padding: 9px 11px 7px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#topButtons a.button, #topButtons a.inactive, #topButtons li.button, #topButtons li.active {display:block; background-color:#fff; padding:8px 11px 8px 11px; margin:6px 6px 0px 0px; border:solid 1px #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow:1px 1px 1px #DDDDDD; float:left; #topButtons position:relative;}  
#topButtons a.inactive {background-color:#eee; color:#333 !important; border:1px solid #ddd; cursor:default;}  
#topButtons a.inactive:hover {background-color:#eee; color:#333 !important; border:1px solid #ddd; cursor:default;}  
#topButtons a.button:hover, #topButtons li.button:hover {background-color:#F15A22; color:#fff !important; border:1px solid #F15A22;}
#topButtons a.button:hover span {color:#333 !important;}
#topButtons a.adelle {font-size:13px; padding:9px 11px 7px 11px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#topButtons a.adelle span {color:#999; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}

/* OPEN CLOSE - RG */
.openclose {border-top: 1px solid #333; clear:both; position:relative;}
.news {border-top: 1px solid #333; clear:both; position:relative;}
#hb_main .news h2 {margin:10px 0 10px 0;}
#hb_main .news h3.month {font:24px arial, sans-serif; font-weight:bold; line-height:normal; color:#BBBBBB;width:auto;height:20px;overflow:hidden;margin:0;}
#hb_main .openclose h2 {color: #333333;font: 14px arial,sans-serif !important;margin: 13px 0 20px;padding: 0;}
#hb_main .openclose h2 a span.open, #hb_main .openclose h2 a span.close, #hb_main .news h2 a span.open, #hb_main .news h2 a span.close {display:block; font-size:20px; text-align:center; line-height:10px; width:10px; height:10px; background-color:#eee; margin:0px; padding:10px; padding-top:10px; position:absolute; top:0px; right:0px;}
#hb_main .openclose h2 a span.open:hover, #hb_main .openclose h2 a span.close:hover, #hb_main .news h2 a span.open:hover, #hb_main .news h2 a span.close:hover {background-color:#F15A22; color:#fff !important; border-color: #F15A22;}
#hb_main .openclose h2 a span.instructor, #hb_main .openclose h2 a span.instructor {top:84px;}
#hb_main .openclose a.open {position:absolute; top:5px; right:0px; display:block; padding: 10px;}
.image {float:right; width:172px; height:114px; overflow:hidden; background-color:transparent; margin-bottom:10px; margin-left:10px;}
.cursor:hover {cursor:pointer;}
.title {padding:6px 5px 12px 0px; font:16px/18px arial, sans-serif; color:#333; border-bottom:1px solid #ccc;}
.subtitle { font:12px/18px arial, sans-serif; color:#999; padding-bottom:6px;}
.details {margin-top:-6px; margin-bottom:12px; min-height:45px; }
.testimonial {color:#666;}
.information {height: auto;}
.contactinfo {font:12px/16px arial, sans-serif; padding:5px 0px 5px 0px;}

/* RS and CS LOGIN PAGE - RG */
#tabbedcontent #formWrapper {border:1px 0 1px 0 solid #CCC; background-color:#F7F7F7; margin:30px 0px; padding:25px 0px;}
#tabbedcontent #formWrapper ul {list-style-type: none; margin:0px; padding:5px; float:left; clear:both; position:relative;}
#tabbedcontent #formWrapper ul li {float:left; margin:5px; padding:5px; list-style: none; font:14/18px arial,sans-serif;}
#tabbedcontent #formWrapper ul li:nth-child(2) {position:absolute; left: 100px}
#tabbedcontent #formWrapper ul:last-child li:first-child {position:relative; left: 95px}
#tabbedcontent #formWrapper input {border:1px solid #CCC; padding:6px; color:#333; border-radius: 3px 3px 3px 3px; font-weight:bold;}
#tabbedcontent #formWrapper button{background-color: #FFFFFF; border: 1px solid #DDDDDD;border-radius: 3px 3px 3px 3px;display: block;float: left;margin: 6px 6px 0 0;padding: 8px 11px; position: relative; font: 12px/18px arial,sans-serif; color:#F15A22}
#tabbedcontent #formWrapper button:hover{background-color: #F15A22; color:#FFFFFF; border: 1px solid #F15A22}

/* TABBEDCONTENT TABLES - RG */
#tabbedcontent table {background-color: #FFF; border-collapse: collapse; width: 100%;}
#tabbedcontent td {padding: 5px !important;border: 1px solid #DDD; line-height: normal;font-size: 12px !important;}
#tabbedcontent td p {font-size: 12px;line-height: normal;margin: 0px;padding: 0px;margin-bottom: 3px;}

/* TABBEDCONTENT EVENT TABLES - JY */
#tabbedcontent table.events, #tabbedcontent table.events tr, #tabbedcontent table.events td {border:0;}
#tabbedcontent table.events {margin:20px 0!important; border-top:2px solid #000; border-bottom:1px solid #000;}
#tabbedcontent table.events tr:nth-child(1) td {padding-top:8px!important;}
#tabbedcontent table.events tr:nth-last-child(1) td {padding-bottom:8px!important;}
#tabbedcontent table.events td:nth-child(1) {width:100px;}
#tabbedcontent table.events td {padding:3px 0!important;}
#tabbedcontent .facebooklike {margin-top:20px; padding-top:15px; border-top:1px solid #000;}

/* NEW PROGRAMS AND COURSES INDEX PAGE CS and RS - JY */
#programs-chooser {clear:both;display:block;width:100%;height:40px;background-color:#CCCCCC;}
#programs-courses div {width:18%; float:left; padding:1%;}
#programs-courses div div {width:100%;}
#programs-courses span, #programs-courses a {clear:both;display:block;}
#programs-courses h3 {border-top: 1px solid #333333;color: #333333;font: 600 15px/16px "adelle-1","adelle-2",arial,sans-serif;min-height: 40px;padding:10px 0 0 0;margin:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);zoom:1;}
#programs-courses a {clear:both;padding: 5px 7px 5px 0; border-bottom:1px solid #CCCCCC; display:block;}
#content p.publication, #content p.checklist {padding-left:33px;font:12px/16px Helvetica, Arial, sans-serif; width:auto; float:left; display:inline;margin:0 13px 0 0;}
#content p.publication {background:url(../../continuing-studies/images/print-publication.gif) no-repeat;}
#content p.checklist {background:url(../../continuing-studies/images/checklist.gif) no-repeat;}
a.ie_button, a.rs_button, a.cs_button, a.dept_button {height:45px; display:block; width:135px; overflow:hidden; text-decoration:none; margin:0 0 10px 0; background:url(../images/interface/sprite_PC.png) 0 0 no-repeat;float:right;}
a.ie_button:link, a.ie_button:visited {background-position:0px -150px;}
a.ie_button:hover {background-position:0px -200px;}
a.ie_button:active {background-position:0px -250px;}
a.rs_button:link, a.rs_button:visited {background-position:-154px -305px;}
a.rs_button:hover {background-position:-154px -355px;}
a.rs_button:active {background-position:-154px -405px;}
a.cs_button:link, a.cs_button:visited {background-position:0px -305px;}
a.cs_button:hover {background-position:0px -355px;}
a.cs_button:active {background-position:0px -405px;}
a.dept_button:link, a.cs_button:visited {background-position:-303px -305px;}
a.dept_button:hover {background-position:-303px -355px;}
a.dept_button:active {background-position:-303px -405px;}
#hb_main #programfilter {margin:5px 0; background-color:#F0F0F0; border-bottom:1px solid #CCC; height:30px; clear:both; padding:10px}
#hb_main #programfilter p {display:inline; float:left; width:auto; margin:5px;}
#hb_main #programfilter ul.dropdown {height:32px list-style-type:none; list-style-image:none !important; margin:0; padding:0;}
#hb_main #programfilter ul.dropdown li.button, ul.dropdown li.button:hover {cursor:pointer; margin:0; min-width:100px; max-width:300px; background-color:#FFFFFF; color:#333!important; border: 1px solid #ddd;}
#hb_main #programfilter ul.dropdown li span span.plus {color:#F15A22; position:absolute; right:10px;}
#hb_main #programfilter ul.dropdown li ul {display:none; position:absolute; top:28px; left:-1px; list-style-type:none; list-style-image:none !important; padding:0; border-top: 1px solid #ddd;}
#hb_main #programfilter ul.dropdown li:hover ul {display:block;}
#hb_main #programfilter ul.dropdown li ul li.button, ul.dropdown li ul li.button:hover {border-bottom: 1px solid #ddd; border-top:0 none; border-radius:0;}
#hb_main #programfilter ul.dropdown li ul li.button:hover {color:#F15A22 !important;} 
#hb_main #programfilter ul.dropdown li ul li.active, ul.dropdown li ul li.active:hover {border: 1px solid #ddd; border-top:0 none !important; background-color:#eee; color:#999 !important; cursor:default;}  

#library-cta {padding:0; margin:-8px 50px 0 0;}
#library-cta a {padding:0; margin:0 1px;}
a.studyroom_button, a.coursereserves_button {height:45px; display:block; width:135px; overflow:hidden; text-decoration:none; margin:0 0 10px 0; background:url(../images/interface/sprite_library.png) 0 0 no-repeat;float:right;}
a.studyroom_button:link, a.coursereserves_button:visited {background-position:0px 0px;}
a.studyroom_button:hover {background-position:0px -50px;}
a.studyroom_button:active {background-position:0px -50px;}
a.coursereserves_button:link, a.coursereserves_button:visited {background-position:-146px 0px;}
a.coursereserves_button:hover {background-position:-146px -50px;}
a.coursereserves_button:active {background-position:-146px -50px;}

#pc_callouts {float:right; width:130px;}
#pc_callouts div {font:12px arial, sans-serif; line-height:15px; margin-bottom:8px;}
#pc_callouts a {display:block; width:135px; overflow:hidden; text-decoration:none; margin-bottom:2px;  background:url(../images/interface/sprite_PC.png) no-repeat;}
a#callout_continuing {height:45px;}
a#callout_continuing:link, a#callout_continuing:visited {background-position:0px -305px;}
a#callout_continuing:hover {background-position:0px -355px;}
a#callout_continuing:active {background-position:0px -405px;}

#pc_toptabs {padding-left:30px; background:url(../images/interface/sprite_PC.png) no-repeat -455px -20px; height:33px;clear:both;}

#pc_toptabs ul {position:relative; list-style-type:none; margin:0px; padding:0px;}
#pc_toptabs ul li {position:relative; display:block; float:left; height:33px; overflow:hidden; padding-bottom:0px !important;}
#pc_toptabs ul li a{position:relative; display:block; height:40px; overflow:hidden; background-image:url(../images/interface/sprite_PC.png);  background-repeat:no-repeat;  font-size:2px; padding-top:100px;}

#pc_toptabs ul li#programs a {width:98px; background-position:0px 0px;}
#pc_toptabs ul li#programs a:link, #pc_toptabs ul li#programs a:visited {background-position:0px 0px;}
#pc_toptabs ul li#programs a:hover, #pc_toptabs ul li#programs a:active{background-position:0px -50px;}
#pc_toptabs ul li#programs a.selected:link, #pc_toptabs ul li#programs a.selected:visited, #pc_toptabs ul li#programs a.selected:hover, #pc_toptabs ul li#programs a.selected:active {background-position:0px -100px;}

#pc_toptabs ul li#programsseries a {width:156px; background-position:-448px -305px;}
#pc_toptabs ul li#programsseries a:link, #pc_toptabs ul li#programsseries a:visited {background-position:-448px -305px;}
#pc_toptabs ul li#programsseries a:hover, #pc_toptabs ul li#programsseries a:active{background-position:-448px -355px;}
#pc_toptabs ul li#programsseries a.selected:link, #pc_toptabs ul li#programsseries a.selected:visited, #pc_toptabs ul li#programsseries a.selected:hover, #pc_toptabs ul li#programsseries a.selected:active {background-position:-448px -405px;width:170px;}

#pc_toptabs ul li#courseindex a {width:88px; background-position:-100px 0px;}
#pc_toptabs ul li#courseindex a:link, #pc_toptabs ul li#courseindex a:visited {background-position:-100px 0px;}
#pc_toptabs ul li#courseindex a:hover, #pc_toptabs ul li#courseindex a:active{background-position:-100px -50px;}
#pc_toptabs ul li#courseindex a.selected:link, #pc_toptabs ul li#courseindex a.selected:visited, #pc_toptabs ul li#courseindex a.selected:hover, #pc_toptabs ul li#courseindex a.selected:active {background-position:-100px -100px;}

#pc_toptabs ul li#departments a {width:216px; background-position:-220px 0px;}
#pc_toptabs ul li#departments a:link, #pc_toptabs ul li#departments a:visited {background-position:-190px 0px;}
#pc_toptabs ul li#departments a:hover, #pc_toptabs ul li#departments a:active{background-position:-190px -50px;}
#pc_toptabs ul li#departments a.selected:link, #pc_toptabs ul li#departments a.selected:visited, #pc_toptabs ul li#departments a.selected:hover, #pc_toptabs ul li#departments a.selected:active {background-position:-189px -100px;}

#pc_toptabs ul li a:link, #pc_toptabs ul li a:visited {background-position:0px 3px;}
#pc_toptabs ul li a:hover, #pc_toptabs ul li a:active{background-position:0px -47px;}
#pc_toptabs ul li a.selected:link, #pc_toptabs ul li a.selected:visited, #pc_toptabs ul li a.selected:hover, #pc_toptabs ul li a.selected:active {background-position:auto -99px!important;}

#programfilter a.button, #programfilter a.inactive, #programfilter li.button, #programfilter li.active {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px #DDDDDD;
    display: block;
    float: left;
    margin: 6px 6px 0 0;
    padding: 8px 11px;
    position: relative;
}

#pc_programlisting div.sectionhead {
    border-top: 1px solid #333333;
    color: #333333;
    font: 600 15px/16px "adelle-1","adelle-2",arial,sans-serif;
    min-height: 45px;
    padding: 11px 10px 0 0;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IE78fontfix.png,sizingMethod=crop);
    zoom:1;
}

/*HR WELLNESS STYLES*/
.communications, .wellness, .leadership, .culture {border:1px solid #ccc; padding:20px 20px 20px 120px; background-position:10px 20px; background-repeat:no-repeat; margin:10px 0;}
.communications h3, .wellness h3, .leadership h3, .culture h3 {font-size:12p; text-transform:uppercase!important; color:#f15a22; margin:0; padding:0;}
.communications {background-image:url(../images/interface/hr-communications.gif);}
.wellness {background-image:url(../images/interface/hr-wellness.gif);}
.leadership {background-image:url(../images/interface/hr-leadership.gif);}
.culture {background-image:url(../images/interface/hr-culture.gif);}

  
/*TOOLTIPS - JO 20130425*/
/* Please note that these are "tooltips". "tooltip" is a style that is being used elsewhere. */

a.tooltips {color:#000!important;}
a.tooltips {outline:none; }
a.tooltips strong {line-height:30px;}
a.tooltips:hover {text-decoration:none;
} 
a.tooltips span {z-index:10;display:none; padding:12px 12px; margin-top:-30px; margin-left:28px; width:150px; line-height:14px;
}
a.tooltips:hover span{background src="http://www.langara.bc.ca/_files/images/interface/pointer.gif"; z-index:20; position:absolute;top:-12px;border:0;left:12px; display:inline; position:absolute; top:60px; left: -27px;color:#444; border:0.75px solid #333; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:8.5pt;}
/*.callout {z-index:20; position:absolute;top:-12px;border:0;left:12px;}*/
    
/*CSS3 extras*/
a.tooltips span{border-radius:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; box-shadow: 2px 2px 3px #CCC;}

/*SOCIAL ICONS - SOCIAL CHANNELS- JY */
.icon-fb, .icon-fl, .icon-tw, .icon-yt, .icon-gg, .icon-ig, .icon-li { 
    background: url('../images/interface/social-icons-grey.png') no-repeat; width:0; height:0; padding:12px; margin:0; display:inline-block;
    text-indent: -9999em;
    }

.icon-fb {background-position:0 0;}
.icon-fl {background-position:-27px 0;}
.icon-tw {background-position:-55px 0;}
.icon-yt {background-position:-82px 0;}
.icon-gg {background-position:-109px 0;}
.icon-ig {background-position:-136px 0;}
.icon-li {background-position:-164px 0;}

.icon-fb:hover {background-position:0 -24px;}
.icon-fl:hover {background-position:-27px -24px;}
.icon-tw:hover {background-position:-55px -24px;}
.icon-yt:hover {background-position:-82px -24px;}
.icon-gg:hover {background-position:-109px -24px;}
.icon-ig:hover {background-position:-136px -24px;}
.icon-li:hover {background-position:-164px -24px;}


/*RWD PREP - TEMPORARY CLASSES*/
.one-four-four, .one-two {width:100%;}
.one-four-four > div { width: 23%; float:left;  margin-right:1.333%; min-height:225px;}
.one-two > div {width: 44%; float:left;  margin-right:3%%; min-height:200px;}
.one-four-four > div:nth-child(4n), .one-two > div:nth-child(4n)  {margin-right:0;}
.one-four-four > h3, .one-two > h3 {clear:both;} 

.one-two-four h3, .one-three-four h3, .one-four-four h3, .one-two h3, .one-three h3 {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #000;}
.one-two-four ul, .one-three-four ul, .one-four-four ul, .one-two ul, .one-three ul {padding: 0;}
.one-two-four li, .one-three-four li, .one-four-four li, .one-two li, .one-three li {list-style:none;}

/*RWD PREP - TEMPORARY TABLE CLASSES*/
.table-responsive.table-basic {width:100%;  margin-bottom: 40px;}
.table-responsive.table-basic th {
  padding: 10px;
  border: 1px solid #dbdbdb;
  background-color: #e5e5e5;
  color: #000000;
  text-align:left;
}
.table-responsive.table-basic th.important {background-color:#f15a22;}
.table-responsive tr td {padding: 10px;}
.table-responsive tr td:first-child {min-width:100px;}

/*TEMP CLASS FOR RWD MIGRATION*/
.button {
display: inline-block;
background-color: #fff;
padding: 8px 11px 8px 11px;
margin: 6px 6px 0px 0px;
border: solid 1px #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px #DDDDDD;
}