/*---------------------------------------------------------------------------------------------
CSS Stylesheet
T.O.C - easily jump to the section
=RESET
=GENERAL
=headings
=text-elements
=tables
=forms-messages
=default-classes
=grid
=LAYOUT
=logo
=dropdown-menu
=side-nav
=tabs
=accordion
=social-media
=PAGES
=INDEX
=slideshow-index
=services-overview
=CONTACT
=PORTOFOLIO
=slideshow-portofolio
=CLIENTS
=TEAM
=BLOG
=search
-----------------------------------------------------------------------------------------------*/
/* =RESET
-----------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* =GENERAL
-----------------------------------------------------------------------------------------------*/
body{
background:#444444 url(/images/bg-body2.jpg) repeat top left;
/*
background:#444444 url(/images/bg-body.jpg) repeat top left;
background:#444444 url(/images/bg-body2.jpg) repeat top left;
background:#444444 url(/images/bg-body3.jpg) repeat top left;
background:#444444 url(/images/bg-body4.jpg) repeat top left;
background:#444444 url(/images/bg-body5.jpg) repeat top left;
background:#444444 url(/images/bg-body6.jpg) repeat top left;
background:#444444 url(/images/bg-body7.jpg) repeat top left;
background:#444444 url(/images/bg-body8.jpg) repeat top left;
background:#444444 url(/images/bg-body9.jpg) repeat top left;
*/
font:12px Arial, sans-serif;
line-height:20px;
color:#666666;
}
/* =headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; }
h1{ font-size:22px; line-height:30px; margin-bottom:12px; }
h2{ font-size:22px; line-height:26px; margin-bottom:12px; }
h3{ font-size:12pt; line-height:20px; margin-bottom:8px; }
h4{ font-size:14px; line-height:15px; margin-bottom:8px; }
h5{ font-size:13px; line-height:15px; margin-bottom:8px; }
h6{ font-size:13px; line-height:15px; margin-bottom:8px; }
/* =text-elements
-------------------------------------------------------------- */
a{ text-decoration:none; color:#346699; }
a:hover{ text-decoration:underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
a img{ border:none; }
strong{ font-weight: bold; color:#252525; }
em{ font-style: italic; }
p, ul, ol, pre, code{ margin-bottom:20px; }
ul{ list-style-type:circle; list-style-position:inside; }
ul.checklist{ list-style-image:url(/images/bg-checklist.png); }
ol{ list-style-type:decimal; list-style-position:inside; }
blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:#ffffff url(/images/quote.gif) no-repeat top left; color:#999999; }
blockquote span{ color:#666666; }
.blockquote-left{ width:250px; float:left; }
.blockquote-right{ width:250px; float:right; }
pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
/* due to IE
margin bugs I had to made classed and apply them to div to achieve the effect of a
*/
.hr{ border-top:1px solid #efefef; margin:30px 0; }
.hr-alt{ border-top:1px solid #efefef; margin:30px -30px 30px -30px; }
.hr-alt2{ border-top:1px solid #efefef; margin:0 0 30px 0; }
/* =tables
-------------------------------------------------------------- */
table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef; }
th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
td{ padding:10px 15px; border-top:1px solid #efefef; }
tr.alt{ background-color:#f5f5f5; }
/* =forms-messages
-------------------------------------------------------------- */
label{ font-weight:bold; color:#000000; }
label span.required{ color:#ff0000; }
fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }
legend{ font-weight: bold; }
input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
select{ border-width:1px; border-style:solid; background-color:#ffffff; }
input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
input.text{ width:250px; padding:5px; }
textarea{ width:380px; height:125px; padding:5px; }
.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(/images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
.errormsg a{ color:#8a1f11; }
.successmsg{ border-color:#c6d880; background:#e6efc2 url(/images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
.successmsg a{ color:#264409; }
.infomsg{ border-color:#92cae4; background:#d5edf8 url(/images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
.infomsg a{ color:#205791; }
.noticemsg{ border-color:#ffd324; background:#fff6bf url(/images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
.noticemsg a{ color:#514721; }
/* =default-classes
-------------------------------------------------------------- */
.img-align-left{ margin:5px 10px 0 0; float:left; }
.img-align-right{ margin:5px 0 0 10px; float:right; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }
.bordered{ padding:5px; border:1px solid #efefef; }
/* =grid
-------------------------------------------------------------- */
/* Clear Fix Hack - add class="fixed" to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
/* \*/
.fixed{min-height:1%;}
* html .fixed{height:1%;}
.row{ width:940px; }
.col-700{ width:700px; float:left; margin-right:20px; }
.col-580{ width:580px; float:left; margin-right:20px; }
.col-520{ width:520px; float:left; margin-right:20px; }
.col-460{ width:460px; float:left; margin-right:20px; }
.col-340{ width:340px; float:left; margin-right:20px; }
.col-220{ width:220px; float:left; margin-right:20px; }
.col-180{ width:180px; float:left; margin-right:20px; }
.col-160{ width:160px; float:left; margin-right:20px; }
.col-full{ width:100%;}
.last{ margin-right:0px; }
.clear{ clear:both; }
.block{ display:block; }
.hide{ display: none; }
/* =LAYOUT
-----------------------------------------------------------------------------------------------*/
#wrap{ width:940px; padding:0 40px; margin:0 auto; background-color:#ffffff; border-top:4px solid #DA1623;
-moz-box-shadow:0 -5px 5px 0 #333; -webkit-box-shadow:0 -1px 10px 0 #333; box-shadow:0 -1px 10px 0 #333; }
.mywrap{ width:990px !important;}
.myfixed{ width:100% !important;}
#header{ padding-top:40px; }
.dropdown-container{ position:relative; z-index:10; } /* IE6 and IE7 fix for the dropdown */
.slideshow-container{ position:relative; z-index:5; } /* menu showing below the slider bug */
.inner-page-title-container{ position:relative; z-index:5; margin-bottom:30px; }
/* =logo
-----------------------------------------------------------------------------------------------*/
a#logo{ display:block; float:left; }
a#logo img{ display:block; }
/* =dropdown-menu
-----------------------------------------------------------------------------------------------*/
/* level 1 menu */
ul#dropdown-menu{ float:right; list-style:none; }
ul#dropdown-menu li{ float: left; }
ul#dropdown-menu li a{ display: block; padding:7px 10px 5px 0; font-size:12px; ; font-weight:900; text-transform:uppercase; color:#252525; }
ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; }
ul#dropdown-menu li.hover a{ text-decoration:none; } /* styleing when hovering on menu item a */
ul#dropdown-menu li.current > a{ color:#346699; }
ul#dropdown-menu li .sub-menu li a{ color:#252525; }
ul#dropdown-menu li.last > a{ padding-right:11px; }
ul#dropdown-menu li.client-login a{ padding-left:40px; background:url(/images/bg-client-login.png) no-repeat 10px center; border-left:1px solid #efefef; }
/* level 2 menu */
ul#dropdown-menu ul{ position:absolute; top:100%; left:0; width:180px; list-style:none; display:none;
border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; }
ul#dropdown-menu ul li{ width:180px; }
ul#dropdown-menu ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none;
font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */
ul#dropdown-menu ul li a:hover{ background-color:#f5f5f5; }
/* level 3 menu */
ul#dropdown-menu ul ul{ left:100%; top:-1px; }
ul#dropdown-menu li:hover > ul{ visibility:visible; }
.arrow{ background:url(/images/bg-sidenav.gif) no-repeat 165px 12px; }
#content{ }
.pdf{ background:url(/images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
/* =side-nav
-----------------------------------------------------------------------------------------------*/
.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }
.side-nav li{ border-bottom:1px solid #efefef; }
.side-nav li a:hover{ }
.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(/images/bg-sidenav.gif) no-repeat 10px 12px; }
.side-nav li.current a{ color:#000000; }
.side-nav li.current a:hover{ text-decoration:none; }
/* =tabs
-----------------------------------------------------------------------------------------------*/
.tabs-menu{ margin-bottom:0; list-style:none; }
.tabs-menu li{ display:inline; }
.tabs-menu li a{ float:left; padding:5px 20px; display:block; background-color:#212121; color:#fff;
border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
.tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
.tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
/* =accordion
-----------------------------------------------------------------------------------------------*/
.accordion { list-style-type: none; }
.accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
.accordion li.current>a { background: url(/images/bg-accordion.png) no-repeat right 8px; }
.accordion li div { padding:20px 20px; background:#f5f5f5; }
.accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(/images/bg-accordion.png) no-repeat right -55px;
padding:5px; border-bottom:1px solid #ffffff; padding:5px 20px; color:#fff; }
#footer{ padding-bottom:30px; }
#footer p.last{ margin-bottom:0; }
/* =social-media
-----------------------------------------------------------------------------------------------*/
#social-media{ list-style-type:none; margin-bottom:0; margin-top:4px; float:right; }
#social-media li{ float:left; }
#social-media li img{ display:block; float:left; margin-right:5px; }
#social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }
/* =PAGES
-----------------------------------------------------------------------------------------------*/
/* =INDEX
-----------------------------------------------------------------------------------------------*/
.main-line{ margin-bottom:0; line-height:26px; margin-top:30px;font-size:16px; }
.ie6 .main-line{ font-size:14px; }
/* =slideshow-index
-----------------------------------------------------------------------------------------------*/
#slideshow-index{ position:relative; z-index:10; }
#slideshow-index ul{ position:relative; width:940px; height:350px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }
#slideshow-index ul li{ width:940px; height:350px; position:relative; }
#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:20; }
#slideshow-index ul li .slidetext{ position:absolute; bottom:0; left:0; padding:15px 20px; width:900px; z-index:25; overflow:hidden;
background:url(/images/bg-slider.png) repeat-x top left; }
.slidetext p{ margin-bottom:0; color:#fff; }
.slidetext a{ color:#fff; text-decoration:underline; }
#index-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:12px; }
.ie7 #index-slideshow-pager{ bottom:15px; }
#index-slideshow-pager a{ text-align:left; background:url(/images/bg-pager.png) no-repeat 0 0; display:inline-block;
width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
#index-slideshow-pager .activeSlide{ background:url(/images/bg-pager.png) no-repeat 0 -64px; }
/* =services-overview
-----------------------------------------------------------------------------------------------*/
#services-menu{ list-style: none; margin-bottom:0; }
#services-menu li{ padding:5px 15px 5px 0; border-top:1px solid #efefef; }
#services-menu li.last{ border-bottom:1px solid #efefef; }
#services-menu li a{ display:block;}
#services-menu li a.active{ background: url(/images/bg-sidenav.gif) no-repeat right; text-decoration:none; }
.ie6 #services-menu li a.active{ background:none; }
#services-menu li a:hover{ background: url(/images/bg-sidenav.gif) no-repeat right; }
#services-container{ position: relative; height:190px; border-top:1px solid #efefef; }
.service{ height:160px; padding:15px 10px; margin-bottom:10px; }
.service h4{ padding:5px 5px 5px 35px; background-repeat:no-repeat; background-position:center left; }
/* =CONTACT
-----------------------------------------------------------------------------------------------*/
#contact-form{}
#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }
/* =PORTOFOLIO
-----------------------------------------------------------------------------------------------*/
.portfolio-item{}
.portfolio-item-preview{ display:block; background:url(/images/bg-fade.png) no-repeat center center; }
.ie6 .portfolio-item-preview{ background:none; }
.pagination{ list-style:none; }
.pagination li{ display:inline; border:1px solid #efefef; margin-right:7px; padding:4px 9px; float:left; }
.pagination li a{ display:block; }
.pagination li.current a{ text-decoration:underline; }
/* =slideshow-portofolio
-----------------------------------------------------------------------------------------------*/
#slideshow-portfolio{ position:relative; }
#slideshow-portfolio ul{ position:relative; width:700px; height:300px; overflow:hidden; margin-bottom:0; list-style:none; }
#slideshow-portfolio ul li{ width:700px; height:300px; position:relative; }
#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }
#portfolio-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:12px; }
.ie7 #portfolio-slideshow-pager{ bottom:15px; }
#portfolio-slideshow-pager a{ text-align:left; background:url(/images/bg-pager.png) no-repeat 0 0; display:inline-block;
width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
#portfolio-slideshow-pager .activeSlide{ background:url(/images/bg-pager.png) no-repeat 0 -64px; }
/* =CLIENTS
-----------------------------------------------------------------------------------------------*/
.latest-clients{}
.client{}
.client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:20px; }
.client p{ color:#999999; }
.latest-clients-list{}
.latest-clients-list p{ line-height:30px; }
.testimonial{
border-bottom: 1px dotted #E4E4E4;
}
/* =TEAM
-----------------------------------------------------------------------------------------------*/
.team-social-media{ list-style-type:none; }
.team-social-media li{ float:left; }
.team-social-media li img{ display:block; float:left; margin-right:5px; }
.team-social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }
/* =BLOG
-----------------------------------------------------------------------------------------------*/
.blog-sidebar{}
.blog-sidebar .date{ padding-right:0; }
.blog{}
.blog-post{}
.comment{ margin-bottom:20px; }
.comment .who{ margin-bottom:5px; }
/* =search
-----------------------------------------------------------------------------------------------*/
#search fieldset{ position:relative; border:none; margin:0; margin-top:0; padding:0; }
#search-input{ width:208px; padding:5px; margin:0; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
#search-input:focus{ border:1px solid #cccccc; color:#666666; }
#search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
background:url(/images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }
.ie6 #search .search-submit-btn{ top:6px; }
.ie6 #search-input, .ie7 #search-input, .ie8 #search-input{ }
.panel {
background:#f8f8f8;
border:1px solid #dfdfdf;
display:none;
height:auto;
left:0;
padding:75px 15px 20px 10px;
top:70px;
position:fixed;
_position:absolute;
}
a.openpanel {
_background-image:none;
background:#fff url(/images/bg-emailme.png) no-repeat center center;
border:1px solid #efefef;
color:#fff;
display:block;
left:0;
width:36px;
height:36px;
top:85px;
text-indent:-9999px;
position:fixed;
_position:absolute;
}
a.openpanel:hover {
background:#f5f5f5 url(/images/bg-emailme.png) no-repeat center center;
_position:absolute;
_background-image:none;
}
a.active.openpanel {
background:#ffffff url(/images/bg-emailme-extended.png) no-repeat center center;
_position:absolute;
_background-image:none;
}
#stylechanger {
list-style:none;
list-style-type:none;
list-style-position:outside;
margin-bottom:0;
}
#stylechanger li a {
display:block;
margin-bottom:5px;
width:50px;
height:25px;
text-indent:-9999px;
}
#bg1 {
background: url(/images/bg-body.jpg) no-repeat top left;
}
#bg2 {
background: url(/images/bg-body2.jpg) no-repeat top left;
background: #FFFFFF no-repeat top left;
background: url(/images/bg-body9.jpg) no-repeat top left;
}
#bg3 {
background: url(/images/bg-body3.jpg) no-repeat top left;
}
#bg4 {
background: url(/images/bg-body4.jpg) no-repeat top left;
}
#bg5 {
background: url(/images/bg-body5.jpg) no-repeat top left;
}
#bg6 {
background: url(/images/bg-body6.jpg) no-repeat top left;
}
#bg7 {
background: url(/images/bg-body7.jpg) no-repeat top left;
}
#bg8 {
background: url(/images/bg-body8.jpg) no-repeat top left;
}
#bg9 {
background: url(/images/bg-body9.jpg) no-repeat top left;
background: #FFFFFF no-repeat top left;
}
ul.list li {
list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
}
.p_sidebar {
float:right;
width: 240px;
background-color: #DFF2FF;
}
.p_sidebar .header {
background-color: #3F71CC;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
padding: 10px 5px;
margin-bottom: 10px
}
.p_sidebar p {
margin: 10px 5px;
color: #46464b;
}
.p_sidebar h3 {
border-bottom:1px dotted #46464b;
}
span.testimonial {
font-style: italic;
}
.buybutton {
padding: 10px;
}
.buybutton a {
background: url("../images/mail-plan-button-bg.gif") repeat-x scroll left bottom #9EC131;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-family: arial;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
overflow: visible;
padding: 6px 8px 7px 10px;
text-align: center;
white-space: nowrap;
width: 100px;
}
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
div.light_rounded .pp_top .pp_left{background: url(light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
label.error {
color:#fff;
margin-left:2px;
background-image:url('/images/arrow.gif');
background-position:left center;
background-repeat:no-repeat;
padding:4px;
padding-left:16px;
}
/*
* Styles used by the modal output mode.
* '.validity-modal-msg' is applied to the modal boxes
* and '.validity-modal-msg:hover' is applied to suggest
* to the user that the boxes are clickable.
*/
.validity-modal-msg {
position:absolute;
z-index:2;
background-color:#999;
border:solid 1px #000;
padding:4px;
cursor:pointer;
}
.validity-modal-msg:hover {
background-color:#aaa;
}
/*
* Styles used by the summary output mode.
* '.validity-summary-container' is a container on the page that should contain a UL
* which is the actual summary. The container can hold
* an extra bit of text (or anything really) that explains what the summary is.
* '.validity-erroneous' is applied to every input that fails.
*/
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #f56600 !important; }