/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    psyacademy/template Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/img/overlay.png) repeat 0 0;}

#cboxContent{ overflow:hidden;}
#colorbox { background:#f4f3f3; }
.boxshadow #colorbox { -webkit-box-shadow: 0px 0px 20px #0a244f; -moz-box-shadow: 0px 0px 20px #0a244f; box-shadow: 0px 0px 20px #0a244f; }
.borderradius #colorbox { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#cboxClose { position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; background: url(/img/close.png) no-repeat 0 0; text-indent: -99999px; overflow: hidden; }

#colorbox .contact-form { padding: 20px; text-align: left; }
#colorbox .contact-form h2 { font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 3em; letter-spacing: -.04em; color: #45b9d8; }
#colorbox .contact-form ul { margin: 1em 0 0; }
#colorbox .contact-form ul li { margin: .8em 0 0; width: 100%; float: left; clear: both; }
#colorbox .contact-form ul li.left { width: 186px; clear: none; }
#colorbox .contact-form ul li.right { width: 186px; float: left; clear: none; }
#colorbox .contact-form ul li label { margin: 0 0 .2em; font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 1.6em; display: block; color: #000000; cursor: pointer; }
#colorbox .contact-form ul li input, #colorbox .contact-form ul li textarea { padding: 3px; font-size: 1.2em; color: #000; }
#colorbox .contact-form ul li.submit input { font-size: 1.6em; font-family: 'UbuntuBold', 'Arial', sans-serif; padding: .2em 15px .3em; color: #fff; border: 1px solid #0e407d; cursor: pointer; border: 0; float: left; }
#colorbox .contact-form ul li.submit input:hover { text-decoration: underline; }
#colorbox .borderradius .contact-form ul li.submit input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cssgradients #colorbox .contact-form ul li.submit input { background: -moz-linear-gradient(top, #78CBE1 0%, #78CBE1 25%, #3DB4D4 72%, #409FB2 96%, #4192AC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78CBE1), color-stop(25%,#78CBE1), color-stop(72%,#3DB4D4), color-stop(96%,#409FB2), color-stop(100%,#4192AC)); }
.no-cssgradients #colorbox .contact-form ul li.submit input { background: #54bfdc; }

#colorbox ul.links { overflow: hidden; list-style: none; }
#colorbox ul.links li { margin: 0 5px 0 0; float: left; }
#colorbox ul.links li a { font-size: 1.6em; font-weight: normal; float: left; color: #000; padding: .3em 12px .4em; font-family: 'UbuntuRegular', 'Arial', sans-serif; letter-spacing: -.04em; border: 1px solid #cbc5bc; text-decoration: none; }
#colorbox ul.links li a:hover, #colorbox ul.links li a:active, #colorbox ul.links li a:focus { text-decoration: underline; }
.borderradius #colorbox ul.links li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cssgradients #colorbox ul.links li a { background: -moz-linear-gradient(top, #F4F5F7 0%, #F3F1EF 25%, #EBE8E4 50%, #BBB3A7 96%, #BBB3A7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F5F7), color-stop(25%,#F3F1EF), color-stop(50%,#EBE8E4), color-stop(96%,#BBB3A7), color-stop(100%,#BBB3A7)); }
.no-cssgradients #colorbox ul.links li a { background: #f5f3f1; }
#colorbox ul.links li.highlight a { font-family: 'UbuntuBold', 'Arial', sans-serif; border-color: #40a1b4; color: #fff; }
.cssgradients #colorbox ul.links li.highlight a { background: -moz-linear-gradient(top, #78CBE1 0%, #78CBE1 25%, #3DB4D4 72%, #409FB2 96%, #4192AC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78CBE1), color-stop(25%,#78CBE1), color-stop(72%,#3DB4D4), color-stop(96%,#409FB2), color-stop(100%,#4192AC)); }
.no-cssgradients #colorbox ul.links li.highlight a { background: #54bfdc; }
.cssgradients #colorbox ul.links li.continue a { color: #fff; border-color: #0a244f; background: -moz-linear-gradient(top, #145B9F 0%, #0E4286 42%, #0F3E7C 55%, #0A244F 96%, #0A244F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#145B9F), color-stop(42%,#0E4286), color-stop(55%,#0F3E7C), color-stop(96%,#0A244F), color-stop(100%,#0A244F)); }

#colorbox .view ul.links { padding: 1.5em 20px; text-align: left; overflow: hidden; }

#colorbox .external-popup { padding: 20px; overflow: hidden; text-align: left; }
#colorbox .external-popup h2 { font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 2.5em; color: #0a244f; }
#colorbox .external-popup p { margin: 1.4em 0; font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 1.4em; color: #0a244f; }
#colorbox .external-popup p strong { font-family: 'UbuntuBoldItalic', 'Arial', sans-serif; font-weight: normal; }
#colorbox .external-popup ul.links { float: right; }
.external-image { background-image: url("../img/new_logo.jpg");background-repeat: no-repeat; width: 95px; height: 50px; }


#colorbox .coeterms { padding: 20px; overflow: hidden; text-align: left; }
#colorbox .coeterms h2 { font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 3em; color: #0a244f; }
#colorbox .coeterms p { margin: 1.6em 0; font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 1.6em; color: #0a244f; }
#colorbox .coeterms p strong { font-family: 'UbuntuBoldItalic', 'Arial', sans-serif; font-weight: normal; }
#colorbox .coeterms ul.links { float: right; }

#colorbox .swf-popup { padding: 20px; overflow: hidden; text-align: left; }
#colorbox .swf-links { clear: left; margin-bottom: 5px; }
#colorbox .swf-movie { clear: both; margin-top: 30px; }
#colorbox .swf-popup h2 { font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 3em; color: #0a244f; }
#colorbox .swf-popup p { margin: 1.6em 0; font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 1.6em; color: #0a244f; }
#colorbox .swf-popup p strong { font-family: 'UbuntuBoldItalic', 'Arial', sans-serif; font-weight: normal; }
#colorbox .swf-popup ul.links { float: right; }

#colorbox .rate { background: #45b9d8; padding: 20px; overflow: hidden; text-align: left; }
.borderradius #colorbox .rate { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#colorbox .rate h2 { font-family: 'UbuntuRegular', 'Arial', sans-serif; letter-spacing: -.04em; font-size: 3em; color: #fff; }
#colorbox .rate p { margin: 15px 0 25px; font-family: 'UbuntuRegular', 'Arial', sans-serif; letter-spacing: -.02em; font-size: 1.6em; color: #fff; }
#colorbox .rate .rating { float: left; position: relative; overflow: hidden; background: url(../images/template/ratings-stars.png) repeat-x top left; }
#colorbox .rate .rating li { width: 46px; height: 34px; float: left; }
#colorbox .rate .rating li label { width: 46px; height: 34px; text-indent: -99999px; overflow: hidden; z-index: 20; position: absolute; float: left; cursor: pointer; }
#colorbox .rate .rating li label:hover, #colorbox .rate .rating li.on label { background: url(../images/template/ratings-stars.png) repeat-x bottom left; z-index: 2; left: 0; }
#colorbox .rate .rating li label.one-star { left: 0; }
#colorbox .rate .rating li label.one-star:hover, #colorbox .rate .rating li.on label.one-star { width: 46px; left: 0; }
#colorbox .rate .rating li label.two-stars { left: 46px; }
#colorbox .rate .rating li label.two-stars:hover, #colorbox .rate .rating li.on label.two-stars { width: 92px; left: 0; }
#colorbox .rate .rating li label.three-stars { left: 92px; }
#colorbox .rate .rating li label.three-stars:hover, #colorbox .rate .rating li.on label.three-stars { width: 138px; left: 0; }
#colorbox .rate .rating li label.four-stars { left: 138px; }
#colorbox .rate .rating li label.four-stars:hover, #colorbox .rate .rating li.on label.four-stars { width: 184px; left: 0; }
#colorbox .rate .rating li label.five-stars { left: 184px; }
#colorbox .rate .rating li label.five-stars:hover, #colorbox .rate .rating li.on label.five-stars { width: 230px; left: 0; }
#colorbox .rate .rating li.current-rating { display: none; }
#colorbox .rate input.submit { margin: .3em 0 0; border: 1px solid #0e407d; padding: .1em 8px .2em; font-family: 'UbuntuBold', 'Arial', sans-serif; font-size: 1.6em; float: right; cursor: pointer; color: #fff; }
#colorbox .rate input.submit:hover { text-decoration: underline; }
.cssgradients #colorbox .rate input.submit { background: -moz-linear-gradient(top, #145B9F 0%, #0E4286 42%, #0F3E7C 55%, #0A244F 96%, #0A244F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#145B9F), color-stop(42%,#0E4286), color-stop(55%,#0F3E7C), color-stop(96%,#0A244F), color-stop(100%,#0A244F)); }
.no-cssgradients #colorbox .rate input.submit { background: #0E3974; }
.borderradius #colorbox .rate input.submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadingOverlay{background:url(/img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/img/loading.gif) no-repeat center center;}


#colorbox .swf-popup { padding: 20px; overflow: hidden; text-align: left; }
#colorbox .swf-links { clear: left; margin-bottom: 5px; }
#colorbox .swf-movie { clear: both; margin-top: 30px; }
#colorbox .swf-popup h2 { font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 3em; color: #0a244f; }
#colorbox .swf-popup p { margin: 1.6em 0; font-family: 'UbuntuRegular', 'Arial', sans-serif; font-size: 1.6em; color: #0a244f; }
#colorbox .swf-popup p strong { font-family: 'UbuntuBoldItalic', 'Arial', sans-serif; font-weight: normal; }
#colorbox .swf-popup ul.links { float: right; }