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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;}
body { line-height: 1;
background-color: White;
}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;}
.clearfix:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* Round Corners Reset */
/* \*/
* html .tlc, * html .trc {height: 1%;}
body {
color: #555;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
font-size:75%}
body.font-small { font-size:65%;}
body.font-medium { font-size:75%;}
body.font-large { font-size:85%;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
color: #555;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal; }
h1 {
font-size: 2.5em;
margin: 0;
line-height: 1.1em;
}
h2 {
font-size: 2em;
margin-bottom:0.5em; }
h3 {
font-size: 1.5em;
margin: 1em 0 2px 0; }
h4 {
font-size: 1.25em;
line-height: 1.25;
margin-bottom:0.5em; }
h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em; }
h6 {
font-size: 0.75em;
font-weight: bold;}
/* General elements
-------------------------------------------------------------- */
p { margin: 0 0 2em;}
p.last { margin-bottom: 0!important}
p img {
float: left;
margin: 0 15px 10px 0;
padding: 0}
img { margin: 0 0 15px}
.reflectimg {
float: left;
margin: 20px;}
div.captionimage { width:285px; margin-right:15px; float:left;}
div#page div.captionimage { width:150px;}
p.textcaption { color:#999; font-size:.9em; text-align: center; font-style: italic; text-indent: 0;}
a:link {
outline:none;
color:#2187AD}
a:visited { text-decoration:none; color:#363752}
a:hover{ text-decoration:underline}
strong { font-weight: bold}
em { font-style: italic; background: #ffc}
.small { font-size: .9em; color:#999999; }
.large { font-size: 1.2em}
.highlight { background:#F8ECD3;}
.line-through { text-decoration:line-through; color:#888;}
.dropcap {
display: block;
float:left;
font: 5em/75% Georgia, "Times New Roman", Times, serif ;
padding: 4px 8px 0 0; }
hr {
background:#E1E1D7;
clear: both;
border:none;
float: none;
width: 100%;
height: 1px;
display:block;
overflow:hidden; }
/* Lists
-------------------------------------------------------------- */
/* Unordered and Ordered Lists */
ul, ol {
margin:.5em 1.5em 1em 1.5em}
ul { list-style-type:disc;}
ul.check, ul.arrow, ul.cross, ul.light, ul.star {
list-style: none; margin-left:0}
ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li {
list-style-type:none;
background-repeat: no-repeat; background-position: top left;
padding: 4px 0 3px 25px}
ul.check li { background-image:url(/images/typo_check.jpg);}
ul.arrow li { background-image:url(/images/typo_arrow.jpg);}
ul.cross li { background-image:url(/images/typo_cross.jpg);}
ul.light li { background-image:url(/images/typo_light.jpg);}
ul.star li { background-image:url(/images/typo_star.jpg);}
ul.check-big, ul.arrow-big, ul.cross-big, ul.light-big, ul.star-big {
list-style: none; margin-left:0}
ul.check-big li, ul.arrow-big li, ul.cross-big li, ul.light-big li, ul.star-big li {
list-style-type:none;
background-repeat: no-repeat; background-position: center left;
padding: 11px 0 8px 50px;
font-size:1.4em;
font-weight:bold;}
ul.check-big li { background-image:url(/images/typo_check-big.jpg);}
ul.arrow-big li { background-image:url(/images/typo_arrow-big.jpg);}
ul.cross-big li { background-image:url(/images/typo_cross-big.jpg);}
ul.light-big li { background-image:url(/images/typo_light-big.jpg);}
ul.star-big li { background-image:url(/images/typo_star-big.jpg);}
ol { list-style-type: decimal}
/* on the search results page */
ol.list li { margin-bottom:2em}
ol.list h4 { margin:0 0 .2em}
/* Definiton Lists */
dl { margin: 0 0 1.5em 0}
dl dt { font-weight: bold}
dd { margin-left: 1.5em}
/*Blockquotes*/
blockquote {
margin: 1.5em 1.5em 2em;
color: #666;
font-style: italic;
background: transparent url(/images/quote_start.png) left top no-repeat;}
blockquote div {
padding: 0 30px;
background: transparent url(/images/quote_end.png) right bottom no-repeat;}
/*Codes*/
pre,code {
white-space: pre;
background:#F9F9F9;
border: 1px solid #ccc;
border-left: 10px solid #ccc;
margin: .5em 0 1.5em;
padding: 20px;
font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height: 1.7}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
table.custom {
width:100%;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin:1em auto;
border-collapse:collapse;}
table.custom caption {
color: #ccc;
font-size:1em;
letter-spacing:.1em;
margin:1em 0 0 0;
padding:0;
caption-side:top;
text-align:center;}
table.custom tr.odd td {
background:#F9F9F9}
table.custom tr.odd .column1 {
background:#F0F0F0;}
table.custom .column1 {
background:#F0F0F0;}
table.custom td {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:.5em 1.2em;
text-align:center;}
table.custom th {
font-weight:normal;
text-align:left;
border-bottom: 1px solid #ccc;
border-left:1px solid #ccc;
padding:.3em 1em;}
table.custom thead th {
background:#F0F0F0;
text-align:center;
font:bold 1.3em/2.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#555}
table.custom tfoot th {
text-align:center;
background:#F0F0F0;}
table.custom tfoot th strong {
font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:.5em .5em .5em 0;
color:#66a3d3;}
table.custom tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;}
/* General Forsm Styles */
label {
font-weight: normal}
fieldset {
padding:1.4em;
margin: 1em 0 1.5em 0;
border: 1px solid #E6E6E6;}
legend {
font-size:1.5em;
background:#fff;
color:#777;
border:1px solid #E6E6E6;
padding:0.2em 1em}
/* Text fields */
.inputbox {
margin:0 0.25em 0 0;
border: 1px solid #E6E6E6;
color: #555;
background:#F9F9F9;
line-height:18px;
padding:3px 5px;}
.inputbox:hover,
.inputbox:focus { background:#fff; border-color:#ccc;}
textarea {
width: 90%;
height: 200px;
border: 1px solid #E6E6E6;
color: #555;
background:#F9F9F9;
padding:5px 8px;
margin:0.5em 0.5em 0.5em 0;
overflow:hidden; }
textarea:hover,
textarea:focus {background:#fff; border-color:#ccc; }
select {
border:1px solid #E6E6E6;
color: #555;
background:#F9F9F9;
padding:2px 2px 2px 4px!important;
outline:none;}
select:focus {
background:#fff}
/* Other */
form p img {
float:none;
margin:0;
vertical-align:middle}
/* Success, Notice and Error Form Messages */
.success,
.notice,
.error {
padding:10px 15px;
margin-bottom: 1em;
background:#F9F9F9;}
.success {
color: #529214; }
.success a {
color: #529214}
.notice {
color: #777; }
.notice a {
color: #817134}
.error {
color: #D12F19; }
.error a {
color: #D12F19}
/* Buttons
-------------------------------------------------------------- */
p.buttonarea {
border:1px solid #e9e9e9;
margin:0 0 2em 0;
zoom:1;
padding:15px;}
.round {
cursor:pointer;
color:#777;
cursor:hand;
line-height:30px;
background:url(/images/button.png) no-repeat right top;
padding-right:15px;
vertical-align:middle;
display:block; /*opera*/
display:inline-block; /*ie*/
display:-moz-inline-box; /*ff*/}
.round span {
background:url(/images/button.png) no-repeat left top;
height:30px;
display:block;
display:inline-block;
padding-left:15px;
line-height:30px;}
/*button tag*/
button {border:0; border:none; background:transparent; width:1; overflow:visible; white-space:nowrap; padding:0 2px; cursor:pointer; cursor:hand;}
button:hover .round {background-position:right bottom; color:#444}
button:hover .round span {background-position:left bottom;}
.round:hover {background-position:right bottom;}
.round:hover span {background-position:left bottom;}
.round:visited{ color:#777}
/*---------------
Main Nav
----------------*/
#main-nav{
height:109px;
position:relative;
overflow:visible;
clear:both;
margin-top:-29px;
background-position:top center;
background-repeat:no-repeat;
background-color:#232323;
width:972px;}
#main-nav .padding {}
/* main menu ul or ol elment */
ul#nav{
display:block;
float:left;
list-style:none;
margin:0 ;
z-index:999;
top:0;
left:0;}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
ul#nav li {
display:block;
list-style:none;
position:relative;
float:left;}
#MainMenuSub{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000; }
#MainMenuSub li{ list-style: none;}
ul#nav li a,
#MainMenuSub a{
text-decoration:none;
display:block;
font-size:1.35em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
padding:7px 5px 0 0;
color:#ccc;}
ul#nav li a { /* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
margin:0;
background:url(/images/nav_border.png) no-repeat right center;
padding-left:15px;
height:45px;
color:#E6AC00;
float:left;}
ul#nav li a span {
padding-top:8px;
display:block;
padding-right:12px;}
ul#nav li a span.sub {
display:block;
font-size:.65em;
padding-top:0;
font-weight:normal;
margin-top:5px;
color:#A6A6A6;
letter-spacing:normal}
/* When the parent item is set to current or active */
ul#nav li#current a,
ul#nav li.active a {
color:#fff;}
ul#nav li#current a span,
ul#nav li.active a span {
background-repeat:no-repeat;
background-position:40% top;
margin-top:-7px;
padding-top:15px;}
ul#nav li#current a span.sub,
ul#nav li.active a span.sub {
background:none;
margin-top:5px;
padding-top:0}
/* Just sub menu links */
#MainMenuSub a,
#nav li li a{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:none;
font-size:1em;
letter-spacing:normal;}
#MainMenuSub a {
padding:0 40px 0 10px;}
/* All menu links on hover or focus */
#nav a:hover,
#nav a:focus,
#MainMenuSub a:hover,
#MainMenuSub a:focus {
color:#FFF; }
/* sub menu links on hover or focus */
#MainMenuSub a:hover,
#MainMenuSub a:focus,
#nav a.mainMenuParentBtnFocused,
#MainMenuSub a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
color:#FFF;}
/* Styles */
#MainMenuSub li.parent a {
background:url(/images/nav_arrow.png) no-repeat 96% 55%;}
#MainMenuSub li.parent a:hover {
background-image:url(/images/nav_arrow_hover.png) }
#MainMenuSub a,
ul#nav li li a {
border-top:1px dashed #555;
height:26px;
line-height:26px; }
ul#nav ol, ul#nav ul, #MainMenuSub ul, #MainMenuSub ol {
border-right:1px solid #666;
background:#2B2B2B;}
#MainMenuSub li#current a { color:#fff; background-color:#1A1A1A}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -1px;}
/* All submenu OLs and ULs */
ul#nav ol, ul#nav ul, #MainMenuSub ul, #MainMenuSub ol {
left:0;}
/* All ULs and OLs */
ul#nav, ul#nav ul, ul#nav ol, #MainMenuSub ul, #MainMenuSub ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;}
/* NON-Javascript */
ul#nav li ul { /* second-level lists */
position: absolute;
width: 10em;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:4.3em;
z-index:999999;}
ul#nav li li{ float:none; height:40px; }
ul#nav li li a{ /* Just submenu links*/
position:relative;
float:none;}
/* third-and-above-level lists */
ul#nav li ul ul { margin: -1em 0 0 -1000em; }
ul#nav li:hover ul ul { margin-left: -1000em; }
/* lists nested under hovered list items */
ul#nav li:hover ul{ margin-left: 0; }
ul#nav li li:hover ul { margin-left: 10em; margin-top:-2.5em;}
/* extra positioning rules for limited noscript keyboard accessibility */
ul#nav li a:focus + ul { margin-left: 0; margin-top:2.2em; }
ul#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
ul#nav li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;}
ul#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;}
ul#nav li:hover a:focus{ margin-left: 0; }
ul#nav li li:hover a:focus + ul { margin-left: 10em; }
/*===========================///////////////////-===========================
OtherMenu
*===========================///////////////////-==========================*/
#othermenu_wrap{
clear:both;
padding:0;
position:relative;
overflow:visible;}
/* main menu ul or ol elment */
ul#othermenu {
display:block;
position: absolute;
list-style:none;
margin:0;
z-index:5;
top:0;
left:0;
border-top:1px dashed #DCDCD0;
display:block;}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
ul#othermenu li {
display:block;
list-style:none;
position:relative;
float:left;}
#OtherMenuSub{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000; }
#OtherMenuSub li{ list-style: none;}
ul#othermenu li a,
#OtherMenuSub a{
text-decoration:none;
display:block;
width:158px;
border-bottom:1px dashed #DCDCD0;
font-size:1em;
background: url(/images/othermenu_arrow.png) left 60% no-repeat;
color:#888;
padding:0 0 0 15px;
height:29px;
line-height:30px;}
ul#othermenu li a:hover,
#OtherMenuSub a:hover {
color:#333}
ul#othermenu li#current a,
ul#othermenu li.active a,
#OtherMenuSub li#current a {
background-image: url(/images/othermenu_arrow_current.png);
color:#333}
ul#othermenu ul li#current a,
ul#othermenu ul li.active a,
#OtherMenuSub ul li#current a { background-image:none}
ul#othermenu li a span{
display:block;}
/* Just sub menu links */
ul#othermenu li li {
width:auto}
#OtherMenuSub a,
ul#othermenu li li a{
text-align:left;
text-transform:none;
font-size:1em;
background-image:none;
width:auto;
border-bottom:1px dashed #ccc;
letter-spacing:normal;
background-color:#F6F4F2}
#OtherMenuSub a {
padding:0 40px 0 20px;}
/* Parent Main Menu Links ---[javascript users only]*/
ul#othermenu li.parent a span{ background: url(/images/othermenu_arrow_parent.png) 95% 55% no-repeat;}
ul#othermenu li.parent a:hover span { background-image:url(/images/othermenu_arrow_parent_hover.png) }
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
ul#othermenu .smOW{
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -1px;}
/* All submenu OLs and ULs */
ul#othermenu ol, ul#othermenu ul, #OtherMenuSub ul, #OtherMenuSub ol {
/*border around submenu goes here*/
border:1px solid #E1E1D7;
left:0}
/* All ULs and OLs */
ul#othermenu, ul#othermenu ul, ul#othermenu ol, #OtherMenuSub ul, #OtherMenuSub ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/*The below is just for non-javscript users */
ul#othermenu li ul { /* second-level lists */
position: absolute;
width: 10em;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:2.2em;
z-index:99999;
overflow:visible;}
ul#othermenu li li{ float:none; }
ul#othermenu li li a{ /* Just submenu links*/
position:relative;
float:none;}
/* third-and-above-level lists */
ul#othermenu li ul ul { margin: -1em 0 0 -1000em; }
ul#othermenu li:hover ul ul { margin-left: -1000em; }
/* lists nested under hovered list items */
ul#othermenu li:hover ul{ margin-left: 172px; margin-top:-2.5em;}
ul#othermenu li li:hover ul { margin-left: 10em; }
ul#othermenu li a:focus + ul { margin-left: 1172px; margin-top:-2.5em; }
ul#othermenu li li a:focus + ul { left:172px; margin-left: 1010em; margin-top:-2.5em;}
ul#othermenu li li a:focus {left:172px; margin-left:1000em; width:10em; margin-top:-2.5em;}
ul#othermenu li li li a:focus {left:172px; margin-left: 2010em; width: 10em; margin-top:-2.5em;}
ul#othermenu li:hover a:focus{ margin-left: 0; }
ul#othermenu li li:hover a:focus + ul { margin-left: 10em; }
/*===========================///////////////////-===========================
Top Menu
===========================///////////////////-===========================*/
ul#topmenu {
margin:0;
float:right;
line-height:38px;}
ul#topmenu li{
list-style-type:none;
display:inline;
margin:0;
border-right:1px dotted #A6A6A6}
ul#topmenu li a{
margin-right:10px;
font-size:1em;
color:#777;}
ul#topmenu li a:hover{
color:#555;
text-decoration:none;}
ul#topmenu li a span {
margin-left:10px;
border-bottom:1px dashed #ccc}
ul#topmenu li a:hover span {
border-bottom-color: #999}
/*===========================///////////////////-===========================
Footer Menu
===========================///////////////////-===========================*/
#footer ul#footermenu {
float:right;
margin:0 50px 0 0; }
#footer ul#footermenu li{
list-style-type:none;
float:left;
margin:0 0 0 10px;}
#footer ul#footermenu li a{
margin-right:10px;}
#footer .copyright {
width: 400px;
}
/*===========================///////////////////-===========================
General Layout Styles
===========================///////////////////-===========================*/
/* Accessibility */
#accessibility{
overflow: hidden;
width: 0;
height: 0;
display:none;}
/* Wrapping */
.wrapper_full { width:100%;}
.wrapper { width:972px; margin:0 auto;}
/* Set some default styles for Float, Width, Separator and TextAlight */
.floatleft { float:left; overflow:hidden}
.floatright { float:right; overflow:hidden}
.width1 { width: 150px; } /* Propotion 1/6 */
.width2 { width: 182px; } /* Propotion 1/5 */
.width3 { width: 230px; } /* Propotion 1/4 */
.width4 { width: 310px; } /* Propotion 1/3 */
.width5 { width: 470px; } /* Propotion 1/2 */
.width6 { width: 950px; } /* Propotion 1/1 */
.width15 { width:182px; } /* Propotion 1/5 */
.width25 { width:373px; } /* Propotion 2/5 */
.width35 { width:566px; } /* Propotion 3/5 */
.width23 { width:620px; } /* Propotion 2/3 */
.width45 { width:748px; } /* Propotion 4/5 */
.width2-3 { width:278px } /* needed for modules */
.separator { margin-right:10px;}
.aligncenter { text-align:center;}
.alignright { text-align:right;}
/*==================///////////////////-===========================
Header
===================///////////////////-===========================*/
/* Header Top -> which include topmenu and fontswitcher */
#header_top {
background-repeat:repeat-x;
background-position:top left;
border-bottom-style:solid;
border-bottom-width:1px;
height:35px;
overflow:hidden;
z-index:1;}
/* Header -> which include logo and login area */
#header {
background-repeat:repeat;
background-position:top left;
border-top-style:solid;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
min-height:150px;
z-index:9;
position:relative;}
#header .decoration {
background-repeat:no-repeat;
background-position:bottom center;}
/* Logo */
#logo {
margin:-37px 0 0;
float:left;
z-index:11;
position:relative;
overflow:visible;
background:url(../images/logo-bckgr.png) no-repeat center;
width: 300px;
height: 120px;
text-align: center;
}
/*
font-family: 'Patua One', cursive;
font-family: 'Passion One', cursive;
font-family: 'Unlock', cursive;
*/
#logo img {
float:none;
}
#logo #logo1 {
font-family: 'Francois One', sans-serif;
font-weight: bold;
font-size: 43px;
margin-top: 0px;
color: #604E43;
}
#logo #logo2 {
font-family: 'Cuprum', sans-serif;
line-height: 2em;
font-size: 21px;
margin: -20px 0 40px 0;
color: #604E43;
}
#logo a {
text-decoration: none;
}
/*---------------
UserArea
----------------*/
#userarea_top {
height:125px;
line-height:35px;
padding-bottom:45px;
margin-top:-35px;
background:#fff url(/images/content_divider_t.jpg) no-repeat center bottom;}
#userarea_bottom {
height:50px;
line-height:38px;
padding-top:28px;
background:#fff url(/images/content_divider_b.jpg) no-repeat center 40%;}
#userarea_bottom .moduletable h3 { font-size:1em; font-weight:bold; display:inline; padding-right:7px}
/* Font Switcher */
ul#fontswitcher {
float:right;
margin:4px 0 0 10px;
padding:0;
z-index:99;
overflow:visible;
position:relative;}
ul#fontswitcher li {
list-style-type:none;
float:left;
margin:0;}
ul#fontswitcher li a {
text-align:center;
width:15px;
height:35px;
margin-right:1px;
line-height:35px;
display:block;
border-bottom:none;
height:25px;}
ul#fontswitcher li a:hover { border-bottom:none}
ul#fontswitcher li.largefont a{ background:url(/images/font_large.png) no-repeat top}
ul#fontswitcher li.normalfont a{ background:url(/images/font_normal.png) no-repeat top}
ul#fontswitcher li.smallfont a{ background:url(/images/font_small.png) no-repeat top }
ul#fontswitcher li.largefont a:hover{ background-position: bottom}
ul#fontswitcher li.normalfont a:hover{ background-position: bottom}
ul#fontswitcher li.smallfont a:hover{ background-position: bottom }
/*===========================///////////////////-===========================
Content
===========================///////////////////-===========================*/
#content {
background:#fff;
overflow:visible;
position:relative;
margin-bottom:-20px;}
#content .decoration_t {
background-repeat:no-repeat;
background-position:top center;
position:relative;
z-index:99;
overflow:visible;
margin-top:-49px;
padding-top:49px;}
#content .line_t {
background-repeat:repeat-x;
background-position:top center;
clear:both; }
#content .decoration_b {
background-repeat:no-repeat;
background-position:bottom center;
margin-bottom:-50px;
position:relative;
z-index:999;
overflow:visible;}
#content .line_b {
background-repeat:repeat-x;
background-position:bottom center;}
#content .padding {
padding:0 10px 0;
position:relative;}
/*---------------
Promo
----------------*/
#promo {
padding:0 0 35px 10px;
margin:-5px 0 0;
position:relative;
overflow:hidden;
min-height:140px;
background:#fff url(/images/content_divider_b.jpg) no-repeat center 92%;}
/* Promo Modules */
#promo .icemodule{
overflow:visible;
margin:0;
position:relative;
float:left;
clear:both;
background:url(/images/module_ice_br.jpg) no-repeat bottom right ;}
#promo .icemodule div{
background:url(/images/module_ice_bl.jpg) no-repeat bottom left ;}
#promo .icemodule div div{
background:url(/images/module_ice_tr.jpg) no-repeat top right;}
#promo .icemodule div div div{
background:url(/images/module_ice_tl.jpg) no-repeat top left; }
#promo .icemodule div div div div{
overflow:hidden;
background:none;
position:relative;
clear:both;
padding:10px;}
#promo .icemodule h3 {
color:#444;
margin:0 0 6px;
padding:2px 0 0 ;
font-size:1.2em;}
#promo .icemodule h3 span{
color:#1083A8}
/* Begin Columns (!!!!!Atention - because we have added some features for the template, some of the styles can be found on the index.php file of the template. If you want to change the code i dont normally reccomnd you to do so for this section, try at your own risk. */
#columns-container{
background-color: #fff; /* background for the middle column */
min-width: 50em; /* limit how narrow the layout will
shrink before it stops. */
margin:0;}
#outer-column-container {
border-color:#fff;
border-style:solid;
margin:0;}
#inner-column-container{
width: 100%; /* force this element to take the full width
between the left and right columns. this is
especially important as children of this
element will have width:100%; set, and how
that 100% value is interpreted depends on
the width of it's parent (this element). */
border-color:#ccc;
border-style:solid;
padding-bottom:20px;}
#source-order-container{
float: left; /* float left so the right column, which is
outside this element, has a place to go. */
width: 100%; /* force this to go as wide as possible */
min-height:400px;}
#middle-column{
/* middle column goes right of the left column
since the two share the same parent
element */
width: 940px; /* make the middle column as wide as possible
for a fluid layout. this is not possible
if it's parent element,
#source-order-container, wasn't also at
100% width */
margin-bottom:-50px;
}
#left-column{
float: left; /* float left, where it'll live */
overflow:hidden; /* because we have setted negative margin-top to the left/right modules we need to hide the content of the modules for displaying out of the left or right columns*/
margin-top:-10px;
margin-bottom:-40px}
#right-column{
overflow:hidden; /* because we have setted negative margin-top to the left/right modules we need to hide the content of the modules for displaying out of the left or right columns*/
margin-top:-10px;
margin-bottom:-40px}
.clear-columns { clear: both;}
.inside { margin: 0 9px 0; /* margin, instead of padding, used to induce margin collapse if needed by child elements */}
/* Content Modules*/
/* Left Column and Right Column Module Decoration */
#left-column .icemodule,
#right-column .icemodule{
overflow:visible;
margin:0 -5px -8px;
clear:both;
position:relative;
background:url(/images/icemodule_br.jpg) no-repeat bottom right ;}
#left-column .icemodule div,
#right-column .icemodule div{
background:url(/images/icemodule_bl.jpg) no-repeat bottom left;}
#left-column .icemodule div div,
#right-column .icemodule div div{
background:url(/images/icemodule_tr.jpg) no-repeat top right}
#left-column .icemodule div div div,
#right-column .icemodule div div div{
background:url(/images/icemodule_tl.jpg) no-repeat top left; }
#left-column .icemodule div div div div,
#right-column .icemodule div div div div{
overflow:hidden;
background:none;
position:relative;
clear:both;
padding:10px 15px 28px;}
#left-column .icemodule h3,
#right-column .icemodule h3 {
color:#444;
margin:0 0 18px;
padding:14px 0 0 ;
text-align:center;
font-size:1.2em;}
#left-column .icemodule h3 span,
#right-column .icemodule h3 span {}
/* Main Column Module */
#usertopmods { margin:-10px 0 15px 0; position:relative; overflow:hidden;}
#userbottommods { margin:0; position:relative; overflow:hidden;}
#middle-column .icemodule {
border:none;
overflow:hidden;
padding:0;
margin:0;
background: url(/images/module_ice_br.jpg) no-repeat bottom right;}
#middle-column .icemodule div {
padding: 0;
background: url(/images/module_ice_bl.jpg) no-repeat bottom left;}
#middle-column .icemodule div div {
padding: 0;
background: url(/images/module_ice_tr.jpg) no-repeat top right;}
#middle-column .icemodule div div div{
background: url(/images/module_ice_tl.jpg) no-repeat top left;}
#middle-column .icemodule div div div div {
margin: 0;
padding: 10px;
overflow:visible;
background: none;}
#middle-column .icemodule h3 {
color:#666;
margin:0 0 5px;
border-bottom:1px dashed #E6E6E6;
padding:4px 1px 5px;
white-space: nowrap;
font-size:1em;
font-weight:bold;}
/* Style 1 */
.icemodulestyle1{
overflow:visible;
margin:10px 0 15px;
position:relative;
width:100%;
float:left;
clear:both;
background-repeat:no-repeat;
background-position:bottom right;}
.icemodulestyle1 div{
background-repeat:no-repeat;
background-position:bottom left;}
.icemodulestyle1 div div{
background-repeat:no-repeat;
background-position:top right}
.icemodulestyle1 div div div{
background-repeat:no-repeat;
background-position:top left }
.icemodulestyle1 div div div div{
overflow:hidden;
background:none;
position:relative;
clear:both;
padding:10px 10px 12px;}
.icemodulestyle1 h3{
color:#444;
margin:0 0 10px;
padding:2px 0 0 ;
text-align:center;
font-size:1.2em;}
.icemodulestyle1 span{}
/* Module with suffix style2 */
#left-column .icemodulestyle2,
#right-column .icemodulestyle2 {
padding:5px 0;
position:relative;
overflow:visible;
float:left;
clear:both;
margin-bottom:15px;}
#left-column .icemodulestyle2 h3,
#right-column .icemodulestyle2 h3 {
margin:0 0 8px;
text-align:left;
color:#222;
white-space: nowrap;
font-size:1.1em;}
#left-column .icemodulestyle2 { padding-left:8px; border-left:5px solid #D6C88A;}
#right-column .icemodulestyle2 { padding-right:8px; border-right:5px solid #D6C88A;}
/*======================================================
Bottom
======================================================*/
#bottom {
background-repeat:repeat;
border-top-width:1px;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
min-height:160px;
position:relative;
overflow:hidden;
z-index:8}
#bottom .decoration {
background-repeat:no-repeat;
background-position:center center;
height:112px;
margin-top:49px;
position:relative;
overflow:visible;
z-index:9999;
margin-bottom:-70px;}
#bottom .wrapper { position:relative; overflow:visible; z-index:99999}
#bottom .padding { padding:0 0 0 11px; }
#bottom a,
#bottom a:visited{}
/* Bottom Modules */
#bottom .icemodule {
border:none;
padding:0 10px 0 0;
margin:0;
position:relative;
overflow:hidden;
z-index:99;
color:#555;}
#bottom .icemodule h3 {
margin:0 0 6px;
padding:0;
border:none;
color:#444;
font-weight:normal;
white-space: nowrap;
font-size:1.35em;}
#bottom .separator {
/* background:url(/images/bottom_sep.png) repeat-y 120%; */
margin-bottom:15px;
position:relative;
overflow:visible;
z-index:999999;}
/*===========================///////////////////-===========================
Footer
===========================///////////////////-===========================*/
#footer {
background-repeat:repeat-x;
background-position:center center;
border-top-style:solid;
border-top-width:1px;
clear:both;
height:35px;
position:relative;
line-height:35px;}
#footer .padding {
padding:0 10px}
#footer p{
margin:0;
color:#555;
float:left}
#footer p#gotop {
float: left;
overflow:visible;
z-index:99999;
margin:10px 0 0 310px;}
#footer p#gotop a{
width:60px;
height:20px;
display:block;
background:url(/images/go_top.png) no-repeat center}
#footer p#gotop span{ display:none}
/* Homepage and Category Content
-------------------------------------------------------------------*/
.blog h2{
line-height:1;
margin:0 0 .2em 0;
font-size:2.5em;
float:left}
.blog h2 a:hover{
text-decoration:none;
color:#555}
p.pageinfo {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 10px;
float:left;
color:#888;}
p.iteminfo {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px;
clear:both;
color:#999;}
p.buttonheading { float:right; margin:4px 10px 0 0}
p.buttonheading img { margin:0 0 0 5px;}
.blog .blogcontent { clear:both; margin-top: 0px; margin-bottom:-5px;}
.blog .blogcontent { clear:both;}
/* .blog .blogcontent img { float:left } */
.leading { position:relative; overflow:hidden; }
.leading p.buttonheading { margin:9px 10px 0 0}
.article_row {
margin:0;
clear:both;
padding:0 ;
float:left;
width:100%;
overflow:visible;
z-index:999;
position:relative;}
.article_row .cols2 { width:48.2%; float:left;}
.article_row .cols3 { width:31.5%; float:left;}
.article_row .cols2 h2,
.article_row .cols3 h2 { font-size:1.35em; margin-bottom:.25em; clear:both;}
.article_row .cols2 img,
.article_row .cols3 img{ margin-right:7px; clear:both; float:left}
.article_row .column1 { background:url(/images/article_sep.jpg) no-repeat center right; padding-right:10px}
.article_row .column2 { padding-left:10px}
.article_row .column3 {
background:url(/images/article_sep.jpg) no-repeat center left;
padding-left:9px;
margin-left:10px;}
.article_row { background:url(/images/articlerow_sep.jpg) no-repeat top center; padding-top: 0.5em;}
.article_row h2 {
padding: 0.7em 0 0.15em 0;
font-size: 24px;
}
div.articlemore {
clear:both;
position:relative;
overflow:hidden;}
div.articlefooter {
position:relative;
overflow:hidden;
clear:both;
margin:20px 0 0;}
.blog .blogcontent p.readmore {
font-size:1.2em;
margin:5px 0 10px;
position:relative;}
/* Article Content */
#page h1.contentheading { font-size:2.5em; line-height:.75; margin:0}
#page img { float:left}
p.noticebottom {
clear:both;
position:relative;
overflow:hidden;
margin:0 0 15px;
height:29px;
border-top:1px solid #E6E6E6;
text-align:center;
border-bottom:1px solid #E6E6E6;
line-height:30px;}
#page div.buttons {
padding:0;
margin-bottom:5px;}
div.buttons p.pageinfo {
float:left;
margin:0;}
#page div.buttons p.iteminfo {
float:left;
margin:0 0 0;}
#page div.buttons p.iteminfo span.modifydate { border-right:1px dotted #ccc; margin-right:12px; padding-right:10px;}
#page div.buttons p.iteminfo span.createdby { border-right:1px dotted #ccc; margin-right:12px; padding-right:10px;}
#page div.buttons p.buttonheading {
float:right;
margin:13px 0 0;}
#page div.buttons p.buttonheading img {
margin:0 0 0 7px}
.blog_more { position:relative; overflow:hidden; margin-bottom:20px; padding-top:25px; clear:both}
.blog_more h2{ font-size:1.75em; margin:15px 0 5px}
.blog_more ul {
margin:0;
clear:both;
width:100%;}
.blog_more ul li {
list-style-type:none;
float:left;
width:33.3%;
position:relative;
overflow:hidden}
.blog_more ul li a {
float:left;
height:29px;
display:block;
white-space: nowrap;
overflow:hidden;
line-height:30px;
padding:0 10px;}
/* Pagination */
div.pagination {
border-top:1px solid #E6E6E6;
padding:15px 0;
clear:both;
position:relative;
overflow:hidden;
width:100%;
margin:0;}
div.pagination p.counter {
float:right;
margin:0;}
div.pagination ul {
float:left;
margin:0;}
div.pagination ul li {
float:left;
list-style-type:none;
padding:0 7px;
border:1px solid #e9e9e9}
div.pagination ul li a {}
div.pagination ul li a:hover {
text-decoration:none;
color:#555}
/* --- Close Homepage and Category Content ------------------------------------------------------------- */
/* Search Component for the search page */
#searchpage .searchintro {
background:#F9F9F9;
padding:5px 15px 0;
position:relative;
overflow:hidden;
clear:both}
#searchpage .searchintro p.left { float:left}
#searchpage .searchintro p.right { float:right}
#searchpage ol p { margin-bottom:1em}
#searchpage ol span.discategory{ color:#999}
ol.latestnews,
ol.mostreadmod { margin-bottom:0 }
ol.latestnews li,
ol.mostreadmod li { color:#808080;}
/* Search Module */
#searcharea {
width:252px;
float:right;
height:27px;
margin:5px 0 0;}
#search_bg {
width:242px;
float:right;
height:27px;
background:url(/images/search_bg.png) no-repeat top center;}
#search_bg form {
margin: 0 0 0 6px}
#search_bg label{
overflow:hidden;
display:none;
height:0;
width:0}
#search_bg .inputbox {
width:186px;
margin:0 0 0 0;
height:25px;
padding:0;
background:none;
border:none;
color:#777;}
#search_bg .inputbox:focus {color:#9A947E}
#search_bg .button{
float:none;
width:45px;
margin:0;
height:25px;
cursor:pointer;
background:none;
text-indent:-9999px;
display:inline;
color:#F2D287;
border:none}
#search_bg a.advanced { margin-left:10px; }
#search_bg a.advanced:hover { }
/* Login Module */
#loginarea {
background-repeat:no-repeat;
background-position:center;
float:right;
padding-left:15px;
padding:15px 10px;
margin:20px 10px 0 0;
position:relative;
overflow:visible;
z-index:99999;
width:355px;
height:50px;}
form.loginform p#login_username label,
form.loginform p#login_password label {
overflow:hidden;
display:none;
height:0;
width:0}
form.loginform .inputbox {
width:100px;
padding:0;
display:inline;
background:none;
border:none;
color:#777;
margin:6px 0 0 32px;}
form.loginform p#login_username {
background:url(../images/login_username.png) no-repeat center; width:137px; height:27px; float:left; margin:0 7px 0 0;}
form.loginform p#login_password {
background:url(../images/login_password.png) no-repeat center; width:137px; height:27px; float:left; margin:0 4px 0 0;}
form.loginform p#login_button { margin:0; float:left}
form.loginform p#login_remember { clear:both; padding:7px 0 0; margin:0; color:#666; float:left;}
#loginarea .round {
background-color:transparent;
background-repeat:no-repeat;
background-position:top right;
cursor:pointer;
color:#777;
margin:0;
line-height:23px;
padding-right:12px;
vertical-align:middle;
display:block; /*opera*/
display:inline-block; /*ie*/}
#loginarea .round span {
background-repeat:no-repeat;
background-position:left top;
height:25px;
display:block;
display:inline-block;
padding-left:12px;
line-height:23px;}
#loginarea button:hover .round {background-position:right bottom;}
#loginarea button:hover .round span {background-position:left bottom;}
form.loginform ul{ list-style-type:none; margin:8px 0 0 10px; padding-left:10px; float:left; border-left:1px solid #BFBFBF; }
form.loginform ul li { padding:0 5px 0 0; display:inline}
form.logout p {
margin:0 0 15px; }
form.logout button{
margin: 0 0 0 10px}
/* BreadCrubms */
#breadcrumbs {
position:relative;
overflow:visible;
margin-bottom:30px;
font-size:1.1em;
margin-left:-5px;}
#breadcrumbs p {
display:inline;
float:left;
margin:0}
#breadcrumbs ol{
list-style-type:none;
float:left;
margin:0}
#breadcrumbs ol li {
float:left;
background:url(/images/breadcrumb_arrow.png) no-repeat right 65%;
padding:0 20px 0 10px;}
#breadcrumbs ol li a {
display:block;
margin:0;}
#breadcrumbs ol li.last {
background:none;}
#breadcrumbs ol li.last span {
margin:0 0 0 0}
/* Banner */
#banner {
margin:20px 15px 0 0;
float:left;}
ul.bannermod {
margin:0;
float:left}
ul.bannermod li {
list-style-type:none;
margin:0;
display:inline;}
ul.bannermod li img {
margin:0;
float:none}
/* Font changer on the article pages */
div.fontslider {
width: 120px;
float:right;
margin:15px 10px 0 0;
height: 15px;
background: #E6E6E6;
}
div.fontslider div.knob {
background: #ccc;
width: 15px;
height: 15px;
cursor:move;}
/* Template Styles custom code */
ul.tempstyle {
margin:0;
display:inline}
ul.tempstyle li {
display:inline;}
ul.tempstyle li a {
margin-left:10px;
margin-bottom:5px;}
/* This styles are used on the Editor Page */
form.editor select{ width:auto;}
/* Poll Module */
form.poll p.polltitle {
margin-bottom:8px; font-size:1.2em;}
form.poll p.pollradio {
color:#777}
/* IceAccordion
-------------------------------------------------------------------*/
.iceaccordion {
margin:0 0 15px;
position:relative;
overflow:visible;}
.iceaccordion h3.iceaccordion-toggler{
margin:0;
border-bottom:1px solid #E1E1D7;
color:#757575;
height:29px;
line-height:30px;
padding:0;
font-size:1em;
cursor: pointer;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:0.05em;
text-transform:uppercase;
position:relative;}
.iceaccordion h3.iceaccordion-toggler:hover { color:#555;}
.iceaccordion .iceaccordion-content p { margin:0 0 10px;}
/* IceSlider ImageSlide */
.iceslider_imageslide .icemodule { position:relative; padding:0; margin:0;}
.iceslider_imageslide .icemodule div div div { padding:0}
.iceslider_imageslide .icemodule div div div div { margin: 0 auto; padding:3px 0 7px; overflow: hidden;}
.iceslider_imageslide ul {
margin:-40px 12px 0;
float:right;
z-index:1;
position:relative;
width:122px;
height:27px;
text-align:center;
padding:5px 0 0 8px;
background:url(/images/icesldier_imageslide_arrowbg.png) no-repeat}
.iceslider_imageslide ul li{
list-style-type:none;
float:left;
width: 25px;
height: 18px;
cursor:pointer;
background:url(/images/icesldier_imageslide_buttons.png) no-repeat 0 0}
.iceslider_imageslide ul li.imageslide_prev { background-position:0 0}
.iceslider_imageslide ul li.imageslide_next { background-position:-25px 0 }
.iceslider_imageslide ul li.imageslide_stop { background-position:-50px 0}
.iceslider_imageslide ul li.imageslide_play { background-position:-75px 0}
.iceslider_imageslide ul li span { /* Hide Text */
display: block;
width: 0;
height: 0;
overflow: hidden;}
.iceslider_imageslide ol {
margin:0;
padding:0;
position:relative;
overflow:hidden;}
.iceslider_imageslide ol li{
list-style-type:none;
margin:0;
display:block;
float:left;
padding:0}
.icesldier_imageslide_content {
position:relative;
width:546px;
height:230px;
overflow:hidden;}
.iceslider_imageslide_box {
position:absolute}
/* IceSlider TabularSlide */
.iceslider_tabularslide ul.slidingul {
margin:15px 0 10px;
float:left;
overflow:visible;
position:relative;
height:32px;
line-height:35px;
background:#F7F6F2 url(/images/icesldier_tabularslide_gradient.png) repeat-x bottom left;}
.iceslider_tabularslide ul.slidingul li {
float:left;
list-style-type:none;
cursor:pointer;
padding:0;
margin:0;
font-size:1em;
height:32px;
color:#888}
.iceslider_tabularslide ul.slidingul li span {
display: block;
height: 32px;
float: left; /* IE 6 Fix */
padding: 0 15px;}
.iceslider_tabularslide ul.slidingul li:hover {
color:#333}
.iceslider_tabularslide ul.slidingul li.active {
background: url(/images/icesldier_tabularslide_navright.png) top right no-repeat;
color:#333;}
.iceslider_tabularslide ul.slidingul li.active span {
height:32px;
background: url(/images/icesldier_tabularslide_navleft.png) top left no-repeat;}
.iceslider_tabularslide_content {
position:relative;
overflow:hidden;
margin-bottom:20px;
clear:both;}
.iceslider_tabularslide_content div{
float:left;}
.iceslider_tabularslide_content div img{ position:relative}
.iceslider_tabularslide_box {
position:absolute}
.iceslider_tabularslide_content h3 { font-size:1.85em; line-height:1; margin-bottom:0.5em}
/* IceSlideShow */
.ice_slideshow {
position: relative;
float:left;
padding: 0;
border:1px solid #E1E1D7}
.ice_slideshow .iceslideshow_list,
.ice_slideshow .iceslideshow_pictures,
.ice_slideshow .iceslideshow_loading { position: absolute; margin:0 }
.ice_slideshow .iceslideshow_loading {
background: url(/images/iceslideshow_loader.gif);
display: block;
top: 34%;
left: 25%;
text-indent: -5000px;
width: 66px;
height: 66px;
visibility: hidden;
z-index: 5; }
.ice_slideshow .iceslideshow_pictures {
background: url(/images/iceslideshow_bg.png);
left: 0;
overflow: hidden;}
.ice_slideshow .iceslideshow_pictures li {
display: block;
position: absolute;
top: 0;}
.ice_slideshow .iceslideshow_list {
list-style-type: none;
right: 0;
border-left:1px solid #E1E1D7;}
.ice_slideshow .iceslideshow_list li {
display: block;
z-index: 1000;
position: relative; }
.ice_slideshow .iceslideshow_list li a {
display: block;
text-decoration: none;
height:29.1px;
line-height:30px;
white-space: nowrap;
border-bottom:1px solid #E1E1D7;
padding: 0 10px;
z-index: 1000;
font-size:1em;
color:#777;
vertical-align: middle; }
.ice_slideshow .iceslideshow_list li a:hover { color: #222; }
.ice_slideshow .iceslideshow_list li.current a { color: #660000; }
.ice_slideshow .iceslideshow_list li.background {
background: url(/images/iceslideshow_arrow.png) no-repeat left center;
position: absolute;
font-size: 1px;
margin-left:-10px;
width: 14px;
height: 20px;
z-index: 5; }
/* IceScroller Module */
.icescroller {
height:55px;
padding:14px 0;
overflow:visible;
line-height:35px;}
.icescroller .hide {
visibility: hidden;
position: absolute;}
.icescroller p {
display: none;
margin:0 10px 0 0;
font-weight: bold;
font-size: 14px;
font-family: Arial;
color:#A8681A;
text-transform:uppercase;
float:left;
padding:0 20px 0 0;
background:url(/images/icescroller_arrow.png) no-repeat center right;
}
li.scrolleritem {
margin:0;}
li.scrolleritem{
list-style-type:none;
color:#555;
}
li.scrolleritem span { font-weight:bold; color:#666}
.icescroller li {
list-style-type:none;
}
.slideshow {
float: left;
width:436px; height:290px; margin: 1em 20px 6px 0;
}
.big_font {
margin-top: 1em;
}