/***********/
/* RESET */
/***********/
html{color:rgb(0,0,0); background:rgb(255,255,255);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;} /* to preserve line-height and selector appearance */
sub {vertical-align:text-bottom;} /* to preserve line-height and selector appearance */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* to preserve line-height and selector appearance */
legend{color:rgb(0,0,0);} /*because legend doesn't inherit in IE */
/******************/
/* GLOBAL LAYOUT */
/******************/
/*body {font-size:62.5%; background-color:rgb(255,255,255); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
/*.header {
/*width:978px; min-height:70px;*/ /*Non-IE6*/
/*height:auto !important; */ /*Non-IE6*/
/*height:130px; */ /*IE6*/
/*background:rgb(225,225,225) url(../img/bg_header.jpg) repeat-x; /*Total header background image entered here. Height: 125px*/
/*font-size:1.0em;
}
*/
.header {width:978px; min-height:70px /*Non-IE6*/; background:rgb(225,225,225) /*url(../img/bg_header.jpg)*/ repeat-x /*Total header background image entered here. Height: 125px*/; font-size:1.0em;}
.header-top {clear:both; width:978px; height:70px; background:rgb(255,255,255); font-size:1.0em;}
.header-bottom {clear:both; width:958px; min-height:30px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:30px /*IE6*/; background:rgb(225,225,225) url(../img/bg_header_bottom.jpg) repeat-x /*Bottom header background image entered here: Height: 25 px*/; font-size:1.0em;}
.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:10px 0 20px 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(200,200,200); font-size:1.0em;}
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:676px; background-color:rgb(200,200,200); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:270px; background-color:rgb(200,200,200); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
/****************/
/* HEADER-TOP */
/****************/
/* SITENAME AND SLOGAN */
.sitelogo {width:70px; height:70px; position:absolute; z-index:1; margin:15px 0 0 15px;}
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:8px 0 0 5px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:rgb(125,125,125); height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none;}
/* BUTTON NAVIGATION */
.navbutton {width:400px; position:absolute; z-index:2; margin-top:26px; margin-left:547px !important /*Non-IE6*/; margin-left:550px /*IE6*/;}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:32px;}
/* GLOBAL NAVIGATION */
.navglobal {width:600px; position:absolute; z-index:3; margin-top:15px; margin-left:379px !important /*Non-IE6*/; margin-left:351px /*IE6*/;}
.facebook_top {width:600px; position:absolute; z-index:3; margin-top:45px; margin-left:866px !important /*Non-IE6*/; margin-left:837px /*IE6*/;}
.navglobal ul {float:right; font-weight:normal;}
.navglobal li {display:inline; list-style:none;}
.navglobal li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.navglobal a:hover {text-decoration:none; color:orange;}
/*******************/
/* HEADER BOTTOM */
/*******************/
/* BREADCRUMB */
.header-bottom ul {float:left; width:430px; list-style:none; padding:8px 0 3px 10px !important /*Non-IE6*/; padding:8px 0 3px 10px /*IE6*/;}
.header-bottom ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:rgb(75,75,75);}
.header-bottom ul a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;}
.header-bottom ul a:hover {color:rgb(255,255,255);}
/* SEARCH FORM */
.header-bottom .searchform {float:right; width:430px;}
.header-bottom .searchform form fieldset {float:right; border:none; padding-top:5px; padding-right:10px;}
.header-bottom .searchform input.field {width:15.0em; height:1.2em; padding:1px !important /*Non-IE6*/; padding:2px /*IE6*/; border:solid 1px rgb(200,200,200); background-color:rgb(255,255,255); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom .searchform input.button {width:4.5em; height:1.6em; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(100,100,100); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}
/********************/
/* NAVIGATION BAR */
/********************/
/* MAIN MENU */
.section-frame ul li ul {display:none; border:none;}
/* SUBMENU (Non-IE6 hovering) */
.section-frame ul li:hover {position:relative; background:url(../images/arrow.gif) no-repeat 50% 100%;} /*Sylvain IE hack*/
.section-frame ul li:hover a {text-decoration:none;} /*Color main cells hovering mode*/
.section-frame ul li:hover ul {display:block; width:10.0em; position:absolute; top:2.4em; margin-top:0.2em; margin-left:0px; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215); border-bottom: solid 2px #9E5506;width: 200px; z-index:1000;}
.section-frame ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-14px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #FAF4DC; font-weight:normal; color: #000 !important; text-transform: none; font-size: 15px; width: 200px} /*Color subcells normal mode*/
.section-frame ul li:hover ul li a:hover {background-color:#FAF4DC; text-decoration:none;z-index:1000} /*Color subcells hovering mode*/
/* SUBMENU (IE6 hovering) */
section-frame table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
section-frame ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:orange; text-decoration:none;} /*Color main cells hovering mode*/
section-frame ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; top:3.0em; left:0px; margin-top:0.1em; border-top:solid 1px rgb(215,215,215); }
section-frame ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
/*.section-frame ul li a:hover ul li a:hover {background-color:orange; text-decoration:none;} /*Color subcells hovering mode*/
/************/
/* CONTENT */
/************/
/* CONTAINER (NO BOXES) */
.content-1col-nobox {width:676px; background-color:rgb(255,255,255);}
.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}
/* CONTAINER (BOXES) */
.content-1col-box {width:676px; background-color:transparent;}
.content-2col-box-leftcolumn {margin-top:25px; width:333px; background-color:transparent;}
.content-2col-box-rightcolumn {display:inline; float:right; width:333px; background-color:transparent;}
.content-2col-box {width:333px; background-color:rgb(255,255,255);}
/***************/
/* SUBCONTENT */
/***************/
.subcontent-box {width:270px; float:right; background-color:rgb(255,255,255);}
.subcontent-box-ads {width:270px; float:right; background-color:rgb(255,255,255);text-align:center}
/************/
/* FOOTER */
/************/
.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
/*********************/
/* ROUNDED CORNERS */
/*********************/
/* PAGE */
.corner-page-top {width:978px; height:10px; background:transparent url(../img/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(../img/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}
.corner-grass-bottom {width:978px; height:20px; padding-bottom:20px; background:transparent url(../img/grass.gif) no-repeat; overflow:hidden;}
/* CONTENT */
.corner-content-1col-top {clear:both; width:676px; height:7px; overflow:hidden;}
.corner-content-1col-bottom {clear:both; width:676px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_1col_bottom.gif) no-repeat; overflow:hidden;}
.corner-content-2col-top {width:333px; height:7px; background:transparent url(../img/bg_corner_content_2col_top.gif) no-repeat; overflow:hidden;}
.corner-content-2col-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_2col_bottom.gif) no-repeat; overflow:hidden;}
/* SUBCONTENT */
.corner-subcontent-top {clear:both; width:270px; height:7px; background:transparent url(../img/bg_corner_subcontent_top.gif) no-repeat; overflow:hidden;}
.corner-subcontent-bottom {clear:both; width:270px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_subcontent_bottom.gif) no-repeat; overflow:hidden;}
/******************/
/* CLEAR FLOATS */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/ visibility:hidden;}
/**************/
/* PRINTING */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns */
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}
/********************************************/
/* USED ONLY FOR DEMO PAGE FOR GRID SETUP */
/* Do not use for operational purposes */
/********************************************/
.main p.demo {margin:0; padding:10px 20px 50px 20px;}
/******************************************/
/* YOUR OWN USER STYLES */
/* If you want to add your own styles, */
/* then add them here below in order to */
/* avoid a mixup with default styles. */
/******************************************/
/*************/
/* CONTENT */
/*************/
/* PAGETITLE */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(../img/icon_pagetitle.gif) no-repeat; background-position:center left; color:rgb(255,255,255); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
/* HEADING -- Standard icon (1-Column / 2-Column) */
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:632px 5px; color:rgb(75,75,75); font-weight:bold; font-size:190% !important /*Non-IE6*/; font-size:170% /*IE6*/;}
.content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:289px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content-2col-box-leftcolumn h2, .content-2col-box-rightcolumn h2 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:289px 3px; color:rgb(75,75,75); font-weight:bold; font-size:170% !important /*Non-IE6*/; font-size:150% /*IE6*/; text-align:center;}
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level2.gif) no-repeat; background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
/* HEADING -- Special icon (1-Column / 2-Column) */
.content h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:616px 5px;}
.content h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:635px 5px;}
.content h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:631px 5px;}
.content h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:637px 5px;}
.content h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:631px 5px;}
.content h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:632px 5px;}
.content h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:635px 5px;}
.content h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:639px 5px;}
.content h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:635px 5px;}
.content-2col-box-leftcolumn h1.contact, .content-2col-box-rightcolumn h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:273px 5px;}
.content-2col-box-leftcolumn h1.login, .content-2col-box-rightcolumn h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:292px 5px;}
.content-2col-box-leftcolumn h1.search, .content-2col-box-rightcolumn h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:288px 5px;}
.content-2col-box-leftcolumn h1.video, .content-2col-box-rightcolumn h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:294px 5px;}
.content-2col-box-leftcolumn h1.audio, .content-2col-box-rightcolumn h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:288px 5px;}
.content-2col-box-leftcolumn h1.webtemplate, .content-2col-box-rightcolumn h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:289px 5px;}
.content-2col-box-leftcolumn h1.document, .content-2col-box-rightcolumn h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:292px 5px;}
.content-2col-box-leftcolumn h1.blog, .content-2col-box-rightcolumn h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:296px 5px;}
.content-2col-box-leftcolumn h1.forum, .content-2col-box-rightcolumn h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:292px 5px;}
/* HEADING -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}
/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
/* LIST */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}
/* TABLE (1-Column / 2-Column) */
.content table {clear:both; width:650px; margin:0 0 0.2em 10px; table-layout:auto; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.content-2col-nobox-leftcolumn table, .content-2col-nobox-rightcolumn table, .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {clear:both; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.content table th.top {height:3.5em; padding:0; empty-cells:show; background-color:rgb(175,175,175); text-align:center; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table th {height:3.0em; padding:0; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:center; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table td {height:3.0em; padding:0; border:solid 2px rgb(245,245,245); background-color:white; text-align:center; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
/* CONTACT FORM (1-Column / 2-Column) */
.contactform {width:591px; margin:1.0em 10px 0 20px;}
.contactform fieldset {padding:10px !important /*Non-IE6*/; padding: 10px /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.content-2col-nobox-leftcolumn .contactform, .content-2col-nobox-rightcolumn .contactform, .content-2col-box-leftcolumn .contactform, .content-2col-box-rightcolumn .contactform {width:297px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .contactform fieldset, .content-2col-nobox-rightcolumn .contactform fieldset, .content-2col-box-leftcolumn .contactform fieldset, .content-2col-box-rightcolumn .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.content-2col-nobox-leftcolumn .contactform fieldset legend, .content-2col-nobox-rightcolumn .contactform fieldset legend, .content-2col-box-leftcolumn .contactform fieldset legend, .content-2col-box-rightcolumn .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
.content-2col-nobox-leftcolumn .contactform label.left, .content-2col-nobox-rightcolumn .contactform label.left, .content-2col-box-leftcolumn .contactform label.left, .content-2col-box-rightcolumn .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;}
.content-2col-nobox-leftcolumn .contactform select.combo, .content-2col-nobox-rightcolumn .contactform select.combo, .content-2col-box-leftcolumn .contactform select.combo, .content-2col-box-rightcolumn .contactform select.combo {width:140px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.field, .content-2col-nobox-rightcolumn .contactform input.field, .content-2col-box-leftcolumn .contactform input.field, .content-2col-box-rightcolumn .contactform input.field {width:135px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform textarea, .content-2col-nobox-rightcolumn .contactform textarea, .content-2col-box-leftcolumn .contactform textarea, .content-2col-box-rightcolumn .contactform textarea {width:242px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.button, .content-2col-nobox-rightcolumn .contactform input.button, .content-2col-box-leftcolumn .contactform input.button, .content-2col-box-rightcolumn .contactform input.button {float:left; width:9.0em; margin-left:130px !important /*Non-IE6*/; margin-left:133px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.button:hover, .content-2col-nobox-rightcolumn .contactform input.button:hover, .content-2col-box-leftcolumn .contactform input.button:hover, .content-2col-box-rightcolumn .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/* LOGIN FORM (1-Column / 2-Column)*/
.content .loginform {width:636px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .loginform, .content-2col-nobox-rightcolumn .loginform, .content-2col-box-leftcolumn .loginform, .content-2col-box-rightcolumn .loginform {width:297px; margin:1.0em 10px 0 20px;}
.content .loginform p {clear:both; margin:0; padding:0;}
.content .loginform fieldset {width:160px; border:none;}
.content .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.content .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px /*IE6*/; font-size:110%;}
.content .loginform label.left {float:left; width:160px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.content .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.content .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.content .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.content .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.content .loginform fieldset {padding:10px 10px 10px 10px !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.content .loginform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
/* SEARCH FORM (1-Column / 2-Column)*/
.content .searchform {width:636px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .searchform, .content-2col-nobox-rightcolumn .searchform, .content-2col-box-leftcolumn .searchform, .content-2col-box-rightcolumn .searchform {width:297px; margin:1.0em 10px 0 20px;;}
.content .searchform fieldset {border:none;}
.content .searchform input.field {float:left; width:158px; padding:3px 0 3px 0; border:1px solid rgb(200,200,200); font-size:120%;}
.content .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.content .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/* MEDIA PLAYER (1-Column / 2-Column)*/
.content .videoplayer {width:626px; height:367px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content-2col-nobox-leftcolumn .videoplayer, .content-2col-nobox-rightcolumn .videoplayer, .content-2col-box-leftcolumn .videoplayer, .content-2col-box-rightcolumn .videoplayer {width:283px; height:177px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content .audioplayer {width:626px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content-2col-nobox-leftcolumn .audioplayer, .content-2col-nobox-rightcolumn .audioplayer, .content-2col-box-leftcolumn .audioplayer, .content-2col-box-rightcolumn .audioplayer {width:283px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
/****************/
/* SUBCONTENT */
/****************/
/* HEADING -- Standard icon */
.subcontent h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level1.gif) no-repeat; background-position:225px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); border-bottom:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level2.gif) no-repeat; background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.subcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
/* HEADING - Special icon */
.subcontent h1.menu {background: url(../img/icon_celltitle_menu.gif) no-repeat; background-position:225px 5px;}
.subcontent h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:229px 5px;}
.subcontent h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:225px 5px;}
.subcontent h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:231px 5px;}
.subcontent h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:225px 5px;}
.subcontent h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:226px 5px; margin: 0 -10px;}
.subcontent h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:229px 5px;}
.subcontent h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:233px 5px;}
.subcontent h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:229px 5px;}
/* HEADING -- Without icon */
.subcontent h1.noicon {background:none;}
.subcontent h2.noicon {background:none;}
/* PARAGRAPH TEXT */
.subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
/* LIST */
.subcontent ul {margin:1.4em 0 1.0em 0; padding:0 20px 0 20px; list-style:none;}
.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ul.indent {padding:0 50px 0 50px;}
.subcontent ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}
/* TABLE */
.subcontent table {clear:both; width:230px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.subcontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
/* CONTACT FORM */
.subcontent .contactform {width:230px; margin:1.0em 10px 0 20px;}
.subcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.subcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
.subcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;}
.subcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.field {width:85px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform textarea {width:178px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !important /*Non-IE6*/; margin-left:68px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.subcontent .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/* LOGIN FORM */
.subcontent .loginform {width:230px; margin:10px 20px 0 20px;}
.subcontent .loginform p {clear:both; margin:0; padding:0;}
.subcontent .loginform fieldset {width:160px; border:none;}
.subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/* SEARCH FORM */
.subcontent .searchform {width:230px; margin:10px 20px 0 20px;}
.subcontent .searchform fieldset {border:none;}
.subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-size:120%;}
.subcontent .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/* SIDE MENU #1 */
.sidemenu1 {clear:both; width:270px; margin:0; padding:0;}
.sidemenu1 ul {width:270px; margin:0; margin-top:-1px; padding:0; border-bottom:solid 1px rgb(200,200,200);}
.sidemenu1 ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu1 li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-top:solid 1px rgb(200,200,200); color:rgb(75,75,75); font-weight:bold;}
.sidemenu1 ul li ul {margin:0 0 5px 0; border:none;}
.sidemenu1 ul li ul li {margin:0; padding:0; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu1 ul li ul li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:0 0 0 30px; border:none; color:rgb(75,75,75); font-weight:normal;}
.sidemenu1 li a:hover {background-color:rgb(240,240,240); color:rgb(75,75,75); text-decoration:none;}
.sidemenu1 li a:visited {color:rgb(75,75,75); text-decoration:none;}
/* SIDE MENU #2 */
.sidemenu2 {clear:both; margin:0; padding:0;}
.sidemenu2 ul {margin:-3px 0 10px 0; padding:0 20px 0 20px; list-style:none;}
.sidemenu2 ul li {margin:0; padding:3px 0 1px 12px; background:url(../img/bg_bullet_arrow.gif) no-repeat 0 0.6em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu2 ul li ul {margin:2px 0 0 0; padding:0 10px 0 0; border:none;}
.sidemenu2 ul li ul li {margin:0; padding:0 0 0 10px; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu2 ul li ul li a {font-weight:normal;}
/* SIDE MENU #3 */
.sidemenu3 {clear:both; margin:0; padding:0;}
.sidemenu3 ul {margin:10px 0 10px 0; padding:0 20px 0 20px; list-style:none;}
.sidemenu3 ul li {margin:0; padding:3px 0 1px 12px; background:url(../img/bg_bullet_arrow.gif) no-repeat 0 0.6em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu3 ul li ul {margin:2px 0 0 0; padding:0 10px 0 0; border:none;}
.sidemenu3 ul li ul li {margin:0; padding:0 0 0 10px; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu3 ul li ul li a {font-weight:normal;}
/* MEDIA PLAYER */
.subcontent .videoplayer {width:224px; height:144px; margin:1.0em 20px 1.0em 20px; border:solid 5px rgb(175,175,175);}
.subcontent .audioplayer {width:224px; height:20px; margin:1.0em 20px 1.0em 20px; border:solid 5px rgb(175,175,175);}
/**********/
/* IMAGES */
/**********/
.main img {clear:both; float:left; margin:3px 15px 7px 0; border:solid 3px rgb(200,200,200);}
.main table img {clear:both; float:none; margin:0; border:0 none;}
.main img.center {clear:both; float:none; display:block; margin:0 auto; border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}
/*********/
/* LINKS */
/*********/
/* Text links */
.main a { color:#4B4B4B; font-weight:bold; text-decoration:none;}
.main a:hover {}
/******************************************/
/* ADDITIONAL USER STYLES */
/* If you want to add your own styles, */
/* then add them here in order to avoid */
/* a mixup with the default styles. */
/******************************************/
#user_photo img {
border:1px solid #C8C8C8;
clear:both;
float:left;
margin:12px 15px 7px 12px;
}
.nextprev {
margin-top:25px;
}
.nextprev ul li {
color:#7D7D7D;
display:block;
float:left;
font-size:110% !important;
text-decoration:none;
background: none;
padding:0 0 0 0;
margin:0 0 0.1em;
}
.nextprev ul li a {
height: 1%;
float:left;
}
.nextprev .right {
float:right;
}
.nextprev .right a {
float:right;
}
.pagination {
color:#7D7D7D;
font-size:15px;
margin: 10px;
}
.pagination span {
color:white;
background: orange;
font-size:15px;
font-weight: bold;
margin: 0;
}
.user_details {
float:left;
margin:10px;
font-size:12px;
}
.user_photo {
float:left;
margin:5px;
}
.user_photo img {
border:1px solid orange;
float:left;
margin:3px 15px 7px 5px;
}
.edit_profile {
float:right;
clear:both;
margin-right:5px;
margin-top:-45px;
}
.user_graph {
float:none;
margin:5px;
text-align:center;
}
.results-table {
float:left;
margin-left:10px;
margin-top:30px;
}
.next-table {
float:left;
margin-left:25px;
margin-top:30px;
}
/**************************/
/*
/* Profile Table */
/*
/**************************/
#container {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
clear: both;
margin-top: 20px;
}
.container {
border: none;
clear: both;
margin-top: 20px;
}
.container_table {
border: none;
clear: both;
margin-top: 20px;
width: 272px;
}
#row {
border-bottom:1px solid #333;
}
#thead {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
padding:2px;
text-align:center;
background:#dddddd;
font-weight:bold;
}
#theado {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
padding:2px;
text-align:center;
background:orange;
font-weight:bold;
}
#teamh {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
padding:2px;
text-align:center;
background:#ccc;
font-weight:bold;
}
#left, #right, #middle, #celld {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
font-size:11px;
padding:2px;
text-align:center;
}
#cellb {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
font-size:12px;
font-weight:bold;
padding:5px;
text-align:center;
}
#high {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
padding:2px;
text-align:center;
font-size:1.2em;
font-weight:bold;
}
#team {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #333;
padding:5px;
text-align:center;
font-weight:bold;
}
.content table td.acierto {
background-color: #99FF66;
}
.content .loginform textarea.field {width:300px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
label.error{color:red;font-size:80%;margin-left:4px;}
div.error {color:red;}
ul.error_list {color:red;font-size:80%;margin:0;}
ul.error_list li{background:none;}
.btn {
display: block;
position: relative;
background: #aaa;
padding: 5px;
float: right;
color: #fff;
text-decoration: none;
cursor: pointer;
margin: 20px 20px 20px 20px;
}
.btn * {
font-size: 15px;
font-style: normal;
background-image: url(../img/btn2.png);
background-repeat: no-repeat;
display: block;
position: relative;
}
.btn i {
background-position: top left;
position: absolute;
margin-bottom: -5px;
top: 0;
left: 0;
width: 5px;
height: 5px;
}
.btn span {
background-position: bottom left;
left: -5px;
padding: 0 0 5px 10px;
margin-bottom: -5px;
}
.btn span i {
background-position: bottom right;
margin-bottom: 0;
position: absolute;
left: 100%;
width: 10px;
height: 100%;
top: 0;
}
.btn span span {
background-position: top right;
position: absolute;
right: -10px;
margin-left: 10px;
top: -5px;
height: 0;
}
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.orange { background: orange; color: #fff; }
.btn.blue { background: #2ae; color: #fff; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #aaa; color: #fff; }
.btn.blue:hover { background-color: #aaa; color: #fff; }
.btn.orange:hover { background-color: #aaa; color: #fff; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../img/shade.png); background-position: bottom; }
/*---------- centered button ----------*/
.btnC { display: block; position: relative; background: #aaa; padding: 5px; width: 120px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url(../img/btn2.png); background-repeat: no-repeat; display: block; position: relative; font-size:15px; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btnC span,
* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }
.btnC.orange { background: orange; color: #fff; }
.btnC.blue { background: #2ae; margin: 10px; }
.btnC.green { background: #9d4; color: #fff;}
.btnC.lime { background: #bbce00; }
.btnC.pink { background: #e1a; }
.btnC:hover { background-color: #aaa; color: #fff; }
.btnC.orange:hover { background-color: #aaa; color: #fff; }
.btnC:active { background-color: #444; color: #fff; }
.btnC[class] { background-image: url(../img/shade.png); background-position: bottom; }
* html .btnC { border: 3px double #aaa; }
* html .btnC.blue { border-color: #2ae; }
* html .btnC.green { border-color: #9d4; }
* html .btnC.lime { border-color: #bbce00; }
* html .btnC.pink { border-color: #e1a; }
* html .btnC:hover { border-color: #a00; }
.yourforecast { background-color: orange; color: white; font-weight: bold; width: 72px;}
div.vote { cursor:pointer; }
div.vote_box { width:20px; height:20px; text-indent:-99999px; float:left; }
div.local { background: url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -1px ; }
div.visitor { background: url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -23px ; }
div.tie { background: url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -44px ; }
div.user_choose { background: url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -66px ; }
div.quiniela_closed { background: url(/img/time.png) no-repeat scroll; }
div.quiniela_closed:hover { cursor: auto; }
div.waiting { background: url(/img/loader.gif) no-repeat; width:15px; }
div.responses { padding-left: 0px; }
a.i18n_flag { text-indent:-200px; width:20px; height:20px; overflow:hidden; }
a.i18n_flag_es_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -88px ; }
a.i18n_flag_es_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -66px ; }
a.i18n_flag_it_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -131px ; }
a.i18n_flag_it_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -110px ; }
a.i18n_flag_cn_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -174px ; }
a.i18n_flag_cn_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -88px ; }
a.i18n_flag_en_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -220px ; }
a.i18n_flag_en_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -208px ; }
a.i18n_flag_jp_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -306px ; }
a.i18n_flag_jp_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -88px ; }
a.i18n_flag_de_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -351px ; }
a.i18n_flag_de_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -329px ; }
a.i18n_flag_fr_on { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -264px ; }
a.i18n_flag_fr_off { background:url(/img/quiniela_sprite_small.png) no-repeat scroll -17px -244px ; }
div.error_message_forecast { padding:20px; background:#fd6161; color:#fff; font-size:14px; text-align:center; display:block; }
a.next_prev { background:#fafafa; background-image:none !important; width:167px; font-size:12px; font-weight:normal; color:#a9a9a9; }
.top_banner {text-align:center;width:978px;margin:auto;padding-top: 7px; padding-bottom: 7px;}
.big_banner {margin-right: 5px; float:right;}
.fecha_text {float:right}
.line {border-bottom: #F0B17C 1px solid}
/* quiniela summary */
a.profile-summary-link { color: orange; font-size: 1.1em; margin: 10px 0 6px 0; }
a.profile-summary-link:hover { background-color: orange; color: #fff; }
/* quiniela summary */
p.quiniela-summary-message { font-size: 90% !important; }
img.quiniela-summary-image { border: 0pt none; height: 8px; width: 10px; }
a.quiniela-summary-link { color: orange; font-size: 1.14em; margin: 0 17px 6px 16px; }
a.quiniela-summary-link:hover { background-color: orange; color: #fff; }
div.quiniela-summary-countdown { font-size:1.3em; margin:0 17px 6px 16px; clear:both; width: 85%; }
.closing-date { color:#505050; font-size:12px; padding-left:12px; margin-top: 56px; }
/* quiniela awards */
.content table td.premios-quiniela { font-size: 90% !important; }
.content table td.left { text-align: left; padding-left: 3px; }
.content table td.right { text-align: right; padding-right: 3px; }
.content table th.premios-quiniela { font-size: 90% !important; }
.content table th.left { text-align: left; padding-left: 6px; }
.matchdate{
color: orangered;
font-size:12px;
<<<<<<< HEAD
}
/* Sponsor */
.sponsor {
border: 1px solid black;
background-color: white;
margin:5px;
}
.sponsor h2 {
font-size: 20px;
clear: none;
border-top: 0px;
border-bottom: 1px solid #D7D7D7;
background: url("/img/star.png") no-repeat scroll right 2px transparent;
padding: 8px 35px 7px 0;
height: 25px;
}
.sponsor img{
float: left;
margin: 5px;
border: 1px solid #D7D7D7;
}
.sponsor_text {
font-size:13px;
margin-top: 6px;
margin: 7px 20px 0 21px;
}
.sponsor_text a {
font-size:13px;
color:blue;
}
.sponsor_image {
float:left;
}
.sponsor_panel {
margin-left: 199px;
height: 114px;
}
.sponsor .btnC.green {
margin: -3px 0 0;
overflow: hidden;
}
.sponsor_head {
height: 41px;
}
.sponsor_head_text {
float:left;
}
.sponsor_participa {
float:right;
=======
>>>>>>> 4021119693588307bbf38bcba292ead97fb790cf
}