/* CSS Document */
body{margin-top: 0px;margin-bottom: 0px;}
.Wrapper{width:778px; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}
.logo{ background-image:url(../images/Logo.gif); width:375px; height:64px; margin:5px; background-repeat:no-repeat; float:left;}
.fuch_web_bg{ background-image:url(../images/Fuchsia_web_bg.gif); width:234px; height:83px; background-repeat:no-repeat; float:right;}
.clr{ clear:both;}
.content{width:100%; float:left;}
.middlepanel{width:69%; float:left; /*border:#009933 1px solid;*/}
.rightpanel{width:30%; float:left; /*border:#000 1px solid;*/}
.New_User{ background-image:url(../images/New_User.jpg); width:249px; margin-top:5px; height:298px; float:left; margin-left:20px;float:left; margin-left:10px; background-repeat:no-repeat;}
.Reg_here{ width:130px; height:37px; margin:170px 0 0 5px;}
.Welcome_text_heading{font-family:"Trebuchet MS"; font-size:12px; color:#FFFF00; font-weight:bold; padding-left:9px; padding-right:11px;line-height:14px; padding-top:5px; text-align:justify;}
.Welcome_text{font-family:"Trebuchet MS";text-decoration:none; font-size:12px; color:#FFF; font-weight:bold; padding-left:9px; padding-right:11px; line-height:14px;text-align:justify;}
.Welcome_text a:hover{font-family:"Trebuchet MS"; font-size:12px; color:#000; font-weight:bold; padding-left:9px; padding-right:11px; line-height:14px;text-align:justify;}
.Reg_User{ background-image:url(../images/Registered_user.jpg); margin-top:5px; width:249px; height:300px; float:left; margin-left:10px;}
.Reg_table_div{ margin:60px 0 0 15px;}
.Username{ font-family:"Trebuchet MS"; font-weight:bold; font-size:16px; padding:2px;}
.txtbox{font-family:"Trebuchet MS"; font-weight:bold; font-size:14px; color:#FF0099; border:#FF0099 1px solid;}
.submit_bt{padding-top:5px;}
.Forgot_password{font-family:"Trebuchet MS";font-size:12px; color:#000;}
.SupportArticle_bg{ background-image:url(../images/SupportArticlees_bg.jpg); height:339px; width:508px; margin:10px 0 10px 10px; background-repeat:no-repeat;}
.Articles_txt{ padding-top:65px;}
.Greenarrow UL LI{ list-style-image:url(../images/Greenarrow.gif); background-repeat:no-repeat; list-style-position:inside; font-weight:bold;
font-family:"Trebuchet MS"; color:#FFFFFF; font-size:12px; width:430px; text-align:justify; text-decoration:none;}
.Greenarrow UL LI a{ list-style-image:url(../images/Greenarrow.gif); background-repeat:no-repeat; list-style-position:inside; font-weight:bold;
font-family:"Trebuchet MS"; color:#FFFFFF; font-size:12px; width:430px; text-align:justify; text-decoration:none;}
.Greenarrow UL LI a:hover{ list-style-image:url(../images/Greenarrow.gif); background-repeat:no-repeat; list-style-position:inside; font-weight:bold;
font-family:"Trebuchet MS"; color:#fb017f; font-size:12px; width:430px; text-align:justify; text-decoration:none;display:run-in; background-color:#fff;}
.fuchsia_website_heading{font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; margin:8px 0 0 14px; color:#fff;}
.fuch_txt_outerdiv{margin:1px 0 0 50px;}
.fuchsia_website_txt{font-family:"Trebuchet MS"; font-size:12px; color:#fefb00; font-weight:bold; line-height:14px; text-decoration:none;}
.fuchsia_website_txt a:hover{font-family:"Trebuchet MS"; font-size:12px; color:#000; font-weight:bold; line-height:14px; text-decoration:none;}
.Help_FAQ_bg{ background-image:url(../images/Blog_bg.gif); width:235px; height:93px; background-repeat:no-repeat; margin-top:4px; margin-left:3px;}
.Help_FAQ_heading{font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; margin:8px 0 0 14px; color:#fefb00;}
.Help_FAQ_txt_outerdiv{margin:1px 0 0 50px;}
.Help_FAQ_txt{font-family:"Trebuchet MS"; font-size:12px; color:#fff; font-weight:bold; line-height:14px; text-decoration:none;}
.Help_FAQ_txt a:hover{font-family:"Trebuchet MS"; font-size:12px; color:#000; font-weight:bold; line-height:14px; text-decoration:none;}
.Forum_bg{ background-image:url(../images/Forum_bg.gif); width:235px; height:78px; background-repeat:no-repeat; margin-top:4px; margin-left:3px;}
.Forum_heading{font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; margin:8px 0 0 14px; color:#000;}
.Forum_txt_outerdiv{margin:1px 0 0 55px;}
.Forum_txt{font-family:"Trebuchet MS"; font-size:12px; color:#fff; font-weight:bold; line-height:14px; text-decoration:none;}
.Forum_txt a:hover{font-family:"Trebuchet MS"; font-size:12px; color:#000; font-weight:bold; line-height:14px; text-decoration:none;}
.FuchsiaBlog_bg{ background-image:url(../images/FuchsiaBlogBg.gif); width:235px; height:88px; background-repeat:no-repeat; margin-top:4px; margin-left:3px;}
.FuchsiaBlog_heading{font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; margin:8px 0 0 14px; color:#fff;}
.FuchsiaBlog_bg_txt_outerdiv{margin:1px 0 0 55px;}
.FuchsiaBlog_bg_txt{font-family:"Trebuchet MS"; font-size:12px; color:#000; font-weight:bold; line-height:14px; text-decoration:none;}
.FuchsiaBlog_bg_txt a:hover{font-family:"Trebuchet MS"; font-size:12px; color:#fff; font-weight:bold; line-height:14px; text-decoration:none;}
.copyrights{ font-family:"Trebuchet MS"; color:#FF0066; font-size:12px; text-align:center; text-decoration:none;}
.copyrights a:hover{ font-family:"Trebuchet MS"; color:#000; font-size:12px; text-decoration:none;}
/*slideshow css*/
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 162px;
width: 235px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 162px;
margin: 0 auto;
width: 235px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(/images/controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -91px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
slideshow-controller li.first a {
background-image: url(../images/controller-first.gif);
left: 33px;
width: 19px;
}
slideshow-controller li.last a {
background-image: url(../images/controller-last.gif);
left: 186px;
width: 19px;
}
slideshow-controller li.next a {
background-image: url(../images/controller-next.gif);
left: 145px;
width: 28px;
}
slideshow-controller li.pause a {
background-image: url(../images/controller-pause.gif);
left: 109px;
width: 20px;
}
slideshow-controller li.play a {
background-position: 20px 0;
}
slideshow-controller li.play a.active {
background-position: 20px 18px;
}
slideshow-controller li.prev a {
background-image: url(../images/controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 15px;
right: 0;
position: absolute;
top: 0;
width: 15px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: 2px;
height: 65px;
left: 2px;
position: relative;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 2px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: red !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #fe0089;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
.spe_off{font-family:"Trebuchet MS"; font-size:16px; color:#FF0066; font-weight:bold;}
.error_msg{font-family:"Trebuchet MS"; text-align:center; font-size:16px; color:#FF0066; margin-left:9px;font-weight:bold; background-color:#FFCC33; width:94%; display:block; border:#FF9900 1px solid;}
/*slideshow css*/