/** screen.css **/
@media screen,projection{
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
label{font-weight:bold;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#404040;}
h1 {font-size:1.875em;line-height:1;margin-bottom:0.5em;color:#333;}
h2 {font-size:1.317em;margin-bottom:0.75em;color:#50bc00;font-weight:bold;}
h3 {font-size:1.0em;line-height:1;margin-bottom:0.5em;font-weight:bold;color:#BF5500;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1.s_header{font-size:1.317em;margin-bottom:0.75em;color:#50bc00;font-weight:bold;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {text-decoration:underline;}
a {color:#0066bc;text-decoration:none;font-size:0.9em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
td{vertical-align:top;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* grid.css */
/*
.container {width:968px;margin:0 auto;background: url(content_bg.jpg) repeat-x top left;}
*/
.container {width:968px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.container.fluid{width:99%;}
.container.fluid .span-1,
.container.fluid .span-2,
.container.fluid .span-3,
.container.fluid .span-4,
.container.fluid .span-6,
.container.fluid .span-8,
.container.fluid .span-12,
.container.fluid .span-16,
.container.fluid .span-16,
.container.fluid .span-18,
.container.fluid .span-24 {margin-right:1%; display:block; float:left;}
.container.fluid .span-1 {width:3.208%;}/* 1/24 */
.container.fluid .span-2 {width:7.41%;}/* 1/12 */
.container.fluid .span-3 {width:11.625%;}/* 1/8 */
.container.fluid .span-4 {width:15.833%;}/* 1/6 */
.container.fluid .span-5 {width:19.2%;}
.container.fluid .span-6 {width:24.24%;}/* 1/4 25% */
.container.fluid .span-7 {width:28.458%;}
.container.fluid .span-8 {width:32.66%;}/* 1/3 33% */
.container.fluid .span-9 {width:36.875%;}/* 3/8 */
.container.fluid .span-10 {width:41.083%;}
.container.fluid .span-11 {width:45.291%;}
.container.fluid .span-12 {width:49.49%;}/* 1/2 50% */
.container.fluid .span-13 {width:53.708%;}
.container.fluid .span-14 {width:58.916%;}/* 7/12 */
.container.fluid .span-15 {width:62.125%;}
.container.fluid .span-16 {width:66.333%;}/* 2/3 */
.container.fluid .span-17 {width:70.541%;}
.container.fluid .span-18 {width:74.75%;}/* 3/4 */
.container.fluid .span-19 {width:78.958%}
.container.fluid .span-20 {width:83.166%;}/* 5/6 */
.container.fluid .span-21 {width:87.375%;}
.container.fluid .span-22 {width:91.583%;}
.container.fluid .span-23 {width:95.791%;}
.container.fluid .span-24 {width:99%; clear:both;}
.container.fluid .last {margin-right:0; }
.container.fluid .suffix-1 {padding-right:4.125%;}
.container.fluid .suffix-2 {padding-right:8.25%;}
.container.fluid .suffix-3 {padding-right:12.375%;}
.container.fluid .suffix-4 {padding-right:17.5%;}
.container.fluid .suffix-6 {padding-right:25.75%;}
.container.fluid .suffix-8 {padding-right:34%;}
.container.fluid .suffix-12 {padding-right:50.49%;}
.container.fluid .suffix-16 {padding-right:67%;}
.container.fluid .suffix-18 {padding-right:75.75%;}
.container.fluid .prefix-1 {padding-left:4.125%;}
.container.fluid .prefix-2 {padding-left:8.25%;}
.container.fluid .prefix-3 {padding-left:13.375%;}
.container.fluid .prefix-4 {padding-left:17.5%;}/* 1/6 */
.container.fluid .prefix-6 {padding-left:25.75%;}
.container.fluid .prefix-8 {padding-left:34%;}
.container.fluid .prefix-12 {padding-left:50.49%;}
.container.fluid .prefix-16 {padding-left:67%;}
.container.fluid .prefix-18 {padding-left:75.75%;}
.container.fluid .prefix-22 {padding-left:92.75%;}
}
/** form.css **/
div.form
{
}
div.form input,
div.form textarea,
div.form select
{
margin: 0.2em 0 0.5em 0;
}
div.form fieldset
{
border: 1px solid #DDD;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius:7px;
}
div.form label
{
font-weight: bold;
font-size: 0.9em;
display: block;
}
div.form .row
{
margin: 5px 0;
clear: both; /* added */
}
div.form .hint
{
margin: 0;
padding: 0;
color: #999;
}
div.form .note
{
font-style: italic;
}
div.form span.required
{
color: red;
}
div.form div.error label,
div.form label.error,
div.form span.error
{
color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
border-color: #F00;
}
div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
background: #E6EFC2;
border-color: #C6D880;
}
div.form .errorSummary
{
border:1px solid #FF1F1F;
padding: 7px 7px 12px 7px;
margin: 0 0 20px 0;
background: #FEE;
font-size: 0.9em;
letter-spacing:0.1em;
color:#FF0000;
}
div.form .errorMessage
{
color: red;
font-size: 0.9em;
}
div.form .errorSummary p
{
margin: 0;
padding: 5px;
}
div.form .errorSummary ul
{
margin: 0;
padding: 0 0 0 20px;
}
div.wide.form label
{
float: left;
margin-right: 10px;
position: relative;
text-align: right;
width: 100px;
}
div.wide.form .row
{
clear: left;
}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
clear: left;
padding-left: 110px;
}
/*** styles.css ***/
.list-view-loading
{
background:url(loading.gif) no-repeat;
}
.list-view .summary
{
margin: 0 0 5px 0;
text-align: right;
}
.list-view .sorter
{
margin: 0 0 5px 0;
text-align: right;
}
.list-view .pager
{
margin: 5px 0 0 0;
text-align: right;
}
.list-view .sorter
{
font-size: 0.9em;
}
.list-view .sorter ul
{
display: inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.list-view .sorter li
{
display: inline;
margin: 0 0 0 5px;
padding: 0;
}
.list-view .sorter a.asc
{
background:url(up.gif) right center no-repeat;
padding-right: 10px;
}
.list-view .sorter a.desc
{
background:url(down.gif) right center no-repeat;
padding-right: 10px;
}
/*** pager.css ***/
ul.yiiPager
{
font-size:11px;
border:0;
margin:0;
padding:0;
line-height:100%;
display:inline;
}
ul.yiiPager li
{
display:inline;
}
ul.yiiPager a:link,
ul.yiiPager a:visited
{
border:solid 1px #9aafe5;
font-weight:bold;
color:#0e509e;
padding:1px 6px;
text-decoration:none;
}
ul.yiiPager .page a
{
font-weight:normal;
}
ul.yiiPager a:hover
{
border:solid 1px #0e509e;
}
ul.yiiPager .selected a
{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
}
ul.yiiPager .hidden a
{
border:solid 1px #DEDEDE;
color:#888888;
}
/**
* Hide first and last buttons by default.
*/
ul.yiiPager .first,
ul.yiiPager .last
{
display:none;
}
/*** colorbox.css ***/
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*** autocomplete.css.php ***/
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #0A246A;
color: white;
}
/*** main.css ***/
body
{
margin: 0;
padding: 0;
color: #404040;
font: normal 10pt Arial,Helvetica,sans-serif;
background: #ffeea5;
}
@font-face{
font-family: kristen;
src: url(ITCKRIST.TTF);
}
.text-input
{
border: 1px solid #DDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px;
}
.select
{
border: 1px solid #DDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:2px;
}
.input-hover
{
border-top:1px solid #333;
border-left:1px solid #333;
}
#page-wrapper{
width:988px;
background:url(home-bg.png) repeat-y top center;
}
#page
{
background: #FFFFFF;
}
#header
{
margin: 0;
padding: 0;
height: 130px;
background-color: #FFF;
}
#deals-search-form{
float: right;
height: 100%;
width: 484px;
}
#deals-search-form table{
height: 100%;
margin: 0;
}
#content
{
padding: 20px;
}
#sidebar
{
padding: 20px 0 20px 10px;
}
#footer
{
font-size: 0.9em;
text-align: center;
color:#333;
padding:30px 20px 20px;
/*
border-top: 1px solid #C9E0ED;
*/
background:#FFF url(footer-gradient.jpg) repeat-x top left;
height:100px;
}
#footer a
{
color: #333;
text-decoration: underline;
}
a#newsletter-btn{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #DDD;
padding:5px;
font-size:16px;
color:#333;
text-decoration:none;
}
a#newsletter-btn:hover{
color:#FFF;
background-color:#404040;
}
div#newsletter_result{
display:none;
height:150px;
}
.newsclass{
margin-top:12px;
}
.footer-item{
line-height: 30px;
text-align:left;
float:left;
margin:0 30px 20px 0;
}
.footer-item a{
color:#50bc00;
font-weight:bold;
font-size:1.31em;
padding:5px 0 5px 35px;
}
.rss{
background:url(rss_icon.png) no-repeat left center;
}
.news-letter{
background:url(newsletter_icon.jpg) no-repeat left center;
}
.news-letter-small{
background:url(mail-icon-small.png) no-repeat left center;
padding:0 18px;
}
.rss:hover{
background:url(rss_icon_a.png) no-repeat left center;
}
.news-letter:hover{
background:url(newsletter_icon_a.jpg) no-repeat left center;
}
#main-search-form{
display:none;
}
#footer hr{
color: #DDD;
background-color:#DDD;
margin-bottom: 5px;
}
#logo
{
padding:31px 20px 10px;
font-size: 200%;
float: left;
}
#mainmenu
{
background:white url(bg.gif) repeat-x left top;
}
#mainmenu ul
{
padding:6px 20px 5px 20px;
margin:0px;
}
#mainmenu ul li
{
display: inline;
}
#mainmenu ul li a
{
color:#404040;
background-color:transparent;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding:5px 8px;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
color: #50bc00;
background-color:#ffffff;
text-decoration:none;
}
.sub-menu
{
border-bottom: 3px solid #DDD;
margin-bottom:1.875em;
}
.sub-menu table
{
margin:0;
width:auto;
}
.sub-menu td
{
text-align:center;
width:8.5em;
padding-bottom:0.45em;
}
.sub-menu a
{
color:#404040;
text-decoration:none;
padding-bottom:0.5em;
}
.sub-menu a.active, .sub-menu a:hover
{
font-weight:bold;
color:#333;
padding-bottom:0.5em;
background:url(submenu-link-bg.jpg) no-repeat bottom center;
}
#search-store a
{
margin-right: 10px;
font-size:14px;
font-weight: bold;
}
#welcome{
margin-right: 10px;
font-weight: bold;
}
.container{min-height:22.5em; height:auto !important; height:22.5em;}
.topLink{
list-style-type: none;
margin:0;
padding:0;
display: inline;
}
.topLink li{
display: inline;
padding-right: 0.375em;
}
div.flash-error, div.flash-notice, div.flash-success
{
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
}
div.flash-error
{
background:#FBE3E4;
color:#8a1f11;
border-color:#FBC2C4;
}
div.flash-notice
{
background:#FFF6BF;
color:#514721;
border-color:#FFD324;
}
div.flash-success
{
background:#9FFF8F;
color:#264409;
border-color:#16ac05;
}
div.flash-error a
{
color:#8a1f11;
}
div.flash-notice a
{
color:#514721;
}
div.flash-success a
{
color:#264409;
}
.info.success{
color:green;
padding-left:18px;
height:16px;
line-height:16px;
background:url(tick.gif) no-repeat left center;
}
.info.failure{
color:red;
padding-left:18px;
height:16px;
line-height:16px;
background:url(fail.gif) no-repeat left center;
}
.success{
color:green;
}
.error{
color:red;
}
div.form .rememberMe label
{
display: inline;
}
div.form .checkLabel{
display: block;
padding-left: 15px;
text-indent: -15px;
margin-top:-6px;
}
.checkLabel input{
margin:0 0 0 10px !important;
width:13px;
height:13px;
vertical-align:bottom;
position:relative;
top:-1px;
*overflow:hidden;
}
#show_logo{
margin-top:8px;
}
#show_logo input{
margin-left:0px !important;
}
div.view /*check whether needs to be removed */
{
padding: 10px;
margin: 10px 0;
border: 1px solid #C9E0ED;
}
div.content
{
margin-bottom: 1.875em;
}
span.noData
{
font-style: italic;
}
.box-container
{
border: 1px solid #DDD;
padding: 5px;
}
.single-container
{
padding: 1.5em;
}
.single-container .single-content
{
border-right: 1px solid #DDD;
width: 50%;
float:left;
padding-right:1.5em;
}
.single-container .single-notes
{
float:left;
}
.single-notes li
{
line-height: 2em;
}
div.deal{
width: 100%;
margin: 10px 0;
border:2px solid #00A8FF;
background: #e3f3fd url(deal-bg.jpg) repeat-x top left;
}
.deal h2{
color: #333;
margin-bottom:3px;
}
.deal .logo{
text-align: center;
vertical-align:top;
width: 10.12em;
}
.deal .extra
{
margin-top:10px;
}
.deal .expired
{
color: #970303;
}
a.get-code:link, a.get-code:active, a.get-code:visited
{
padding:6px 10px;
background: url(get-code.png) no-repeat center center;
color: #FFF;
}
a.get-code:hover
{
background: url(get-code-a.png) no-repeat center center;
text-decoration:none;
}
a.activate-deal:link, a.activate-deal:active, a.activate-deal:visited
{
padding:6px 10px;
background: url(activate-deal.png) no-repeat center center;
color: #FFF;
}
a.activate-deal:hover
{
background: url(activate-deal-a.png) no-repeat center center;
text-decoration:none;
}
.deal .vote{
color:#CB6501;
text-align: center;
vertical-align:top;
width: 8.25em;
}
.vote_icon_table
{
width: 40px;
}
.vote_icon_table td
{
width: 17px;
height: 17px;
padding:0px;
}
.vote_up_link
{
background: url(icon_map_thumbs.gif) no-repeat 0 -27px;
padding: 0 0 5px 20px;
font-size: 12px;
vertical-align: middle;
}
.vote_up_link_disabled
{
background: url(icon_map_thumbs.gif) no-repeat 0 -115px;
padding: 0 0 5px 20px;
font-size: 12px;
vertical-align: middle;
color: #333333;
}
.vote_down_link
{
background: url(icon_map_thumbs.gif) no-repeat 0 -5px;
padding: 0 0 5px 20px;
font-size: 12px;
vertical-align: middle;
}
.vote_down_link_disabled
{
background: url(icon_map_thumbs.gif) no-repeat 0 -93px;
padding: 0 0 5px 20px;
font-size: 12px;
vertical-align: middle;
color: #333333;
}
.vote_up_link:hover, .vote_down_link:hover{
text-decoration:none;
}
.deal table{
margin:0;
}
.deal .padding{
padding: 5px;
}
.deal-options-a{
margin-left:20px;
padding-left:20px;
}
.deal-options-share{
background:url(share.png) no-repeat left center;
padding:1px 0 0 16px !important;
}
.deal-options-comments{
background:url(comment.png) no-repeat left center;
}
.deal-options
{
border-top: 1px solid #b6e1f8;
padding: 5px 0 0 0;
margin-top:5px;
}
.deal-options .comment-section{
max-height:150px;
overflow-y: scroll;
margin-bottom:7px;
}
/*
.couponWindow h3{
color:black;
}
*/
.couponWindow label{
color:black;
margin-bottom:5px;
}
.couponWindow hr{
margin-bottom:10px;
}
.couponWindow .code{
color:#404040;
}
.code h2{
font-size:2.317em !important;
display:inline;
color:#ffa100;
}
.side-box{
background-color: #EBEBEB;
border: 1px solid #D4D3D3;
padding: 5px;
margin-bottom:10px;
}
.logo-section{
text-align:center;
margin-bottom:5px;
}
tr.store
{
height: 50px;
}
tr.store .logo
{
width:135px;
text-align:center;
}
.store td
{
vertical-align:middle;
border-bottom:1px dotted #DDD;
}
.user-profile{
margin-bottom: 20px;
position:relative;
}
.user-profile h2{
color: #333333;
font-size: 1.6em;
margin-bottom: 2px;
}
.user-profile-links{
position:absolute;
top:0;
right:0;
}
.roundbox{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 5px;
}
#submit-deal{
font-family: kristen;
color: #cb6501;
text-align:center;
font-size:1.65em;
}
.info{
font-size:0.8em;
}
.info-text{
color:#CB6501;
font-size:0.7em;
}
div.breadcrumbs
{
font-size: 0.9em;
padding: 5px 20px;
}
div.breadcrumbs span
{
font-weight: bold;
}
div.search-form
{
padding: 10px;
margin: 10px 0;
background: #eee;
}
.portlet
{
}
.portlet-decoration
{
padding: 3px 8px;
background: #50bc00;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.portlet-title
{
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0;
color: #FFF;
}
.portlet-content
{
font-size:0.9em;
margin: 0 0 15px 0;
padding: 5px 8px;
background:#EFFDFF;
}
.portlet-content ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}
.portlet-content li
{
padding: 2px 0 4px 0px;
}
.operations
{
list-style-type: none;
margin: 0;
padding: 0;
}
.operations li
{
padding-bottom: 2px;
}
.operations li a
{
font: 12px Arial;
color: #0066A4;
display: block;
padding: 2px 0 2px 8px;
line-height: 15px;
text-decoration: none;
}
.operations li a:visited
{
color: #0066A4;
}
.operations li a:hover
{
background:#99D5DF;
}
.topgreen{
background-color: #50bc00;
color: #FFF;
}
.bottom_align{
vertical-align: bottom !important;
}
.no-margin{
margin: 0px;
}
.deals-search{
height: 55px;
background: url(search-input.png) no-repeat top left;
position:relative;
}
.deals-search-input{
font-family:"Trebuchet MS";
font-size: 22px;
width: 354px;
border:none;
color:#555;
margin:4px 0 0 4px !important;
}
.main-search-button{
background: url(search.png) no-repeat 0px 0px;
display:block;
float:right;
height:46px;
margin:-3px -3px 0 -15px;
overflow:hidden;
padding:0;
text-indent:-200px;
width:80px;
}
.main-search-button:hover{
background: url(search.png) no-repeat -79px 0;
}
.twitter{
background: url(twitter.png) no-repeat left center;
padding-left: 22px;
margin-right: 20px;
}
.clear
{
clear:both;
}
/*** pager css ***/
.pager{
font-size:12px;
margin:5px 0 10px !important;
}
.pager a:link, .pager a:visited {
color:#50BC00 !important;
border:1px solid #DEDEDE !important;
}
.pager a:hover{
border-color:#50BC00 !important;
}
.pager .selected a{
border-color:#50BC00 !important;
background:#50BC00 !important;
color:#FFF !important;
}
.pager .selected a:hover{
border-color:#50BC00 !important;
}
.pager .hidden a, .pager .hidden a:hover{
color:#888888 !important;
border-color:#DEDEDE !important;
}
/*** menu css ***/
#menu_wrapper {
clear: both;
width: 100%;
margin: 0 auto;
background: url(images/menu_bg.jpg) repeat-x;
}
#menu {
width: 100%;
height: 45px;
margin: 0 auto;
background: url(images/menu_bg.jpg) repeat-x;
}
#menu ul {
float: left;
margin: 0px;
padding: 0 0 0 20px;
list-style: none;
}
#menu ul li {
margin: 0px;
padding: 0px;
display: inline;
}
#menu ul li a {
position: relative;
float: left;
display: inline-block;
height: 33px;
width: 135px;
margin-right: 10px;
text-align: center;
padding: 12px 0 0 0;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
outline: none;
}
#menu li.active a {
position: relative;
color: #ffffff;
background: url(images/menu_right.jpg) top right no-repeat;
}
#menu li.active a span{
position: absolute;
display: inline-block;
width: 11px;
height: 45px;
top: 0;
left: 0;
background: url(images/menu_left.jpg) no-repeat;
}
.more_deals{
margin-bottom: 15px;
}
/** override default css **/
.grid-view table.items th{
background:white url(header_bg.gif) repeat-x scroll left top !important;
}
.grid-view .filters input{
width: 95% !important;
}
.grid-view .summary, .list-view .summary{
display:none;
}
div.admin .grid-view .summary,div.admin .list-view .summary{
display:block !important;
}
table.detail-view .null{
color:#404040 !important;
}
#cboxContent{text-align:left;}
.ac_results{border:1px solid #999999 !important;text-align:left !important}
.ac_over{background-color:#00A8FF !important;}
.ac_odd {background-color:#EFFDFF !important;}
.ac_odd.ac_over{background-color:#00A8FF !important;}
input.clean-gray {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font: bold 15px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 8px 0;
text-align: center;
text-shadow: 0 1px 0 #eee;
width: 80px; }
input.clean-gray:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
.non_mobile_hide {display: none;}
.mobile_hide {display: block;}
.green_hr {height: 17px; background-color: #50BC00;}
.fb-like { width: 135px; margin: 0 auto; padding: 5px 0; display: block !important;}
@media only screen and (max-device-width : 767px)
{
.roundbox {border-radius: 5px;}
.non_mobile_hide {display: block;}
.mobile_hide {display: none !important;}
/* head */
html, body {margin: 0; padding: 0; width: 100% !important; overflow-x: hidden;}
#page-wrapper {width: 100%}
#page {width: 100%}
#logo {width: 180px; float: none !important; padding: 10px; margin: 0 auto !important;}
#logo img {width: 100%;}
#deal_search {width: 100px;}
#deals-search-form {display: none;}
#header {position: relative; height: auto;}
/* mobile menu */
#mobile_menu {display: block;position: absolute; top:0; left: 0; width: 100%;}
#search_btn {width: 25px; position: absolute; right: 9px; top: 9px;}
#menu_btn {width: 25px; position: absolute; left: 10px; top: 10px;}
#mobile_menu_search {display: none; text-align: center; padding: 10px 0 20px 0;}
#search_input {border-radius: 3px; padding: 8px; vertical-align: top;}
#mobile_menu_links {display: none; padding: 10px 10px 20px 10px; text-align: center; overflow: hidden;}
#mobile_menu_links a {font-size: 14px; background-color: #ccc; padding: 6px 5px; border-radius: 4px; color: black; font-weight: bold; margin: 7px 0 0 3px;}
.logreg {background-color: #FBCA58 !important;}
/* content */
.container {width: 100%; display:flex; flex-direction: column;}
.span-19 {order: 1; width: 100%; display: block !important; float: none !important;}
.span-5.last {order: 2; float:none; width: 100%}
#content {width: 90%; padding: 20px 5% 0 5%; background-color: white;}
.info {font-size: 14px;}
.store .info {display: none;}
#search-store a {float: left !important; margin-top: 3px;}
#search-store {padding-bottom: 30px;}
.single-content {border: 0 !important; width: 100% !important;}
.single-notes {display: none;}
#newsletter_email {width: 100%;}
#User_about_me {width: 97%;}
.box-container {margin-bottom: 20px;}
#Comment_text, #Comment_posted_by {width: 90%;}
.code_cpn a { padding: 9px 20px !important; background-size: 100% !important;}
.comment-section .info {font-size: 8px; display: block; margin-top: 3px;}
/* coupons */
.deal {width: 100px; border-radius: 5px;}
/* categories */
.test {font-size: 15px;}
/* side bar */
#sidebar { padding: 0 5% 10px 5%; width: 90%; }
#submit-deal { margin-top: 0 !important; }
.portlet {margin-top: 27px; font-size: 20px !important;}
.portlet .portlet-title {font-size: 18px !important;}
.portlet a {font-size: 18px !important; margin-top: 3px;}
.side-box { margin-top: 20px; padding-top: 10px; padding-bottom: 10px;}
.side-box h2 { text-align: center; }
.side-box b { font-size: 17px; }
.logo-section img {width: 200px !important; height: 40px !important; margin-bottom: 7px; border: 2px solid white; border-radius: 4px;}
/* footer */
#footer {padding-bottom: 0; height: 150px; margin-top: 15px;}
}