File: /home/nexper/public_html/nexper_drupal/php/css/default.css
/* CSS Document */
@font-face {
font-family: "OriginRegular";
src: url(fonts/Origin-Regular.ttf) format("truetype");
}
* {
margin:0px;
padding:0px;
}
body{
/*background-image:url(../images/bg-new.png);*/
/*background:url(../images/footer_bg.gif); */
font:11px;
font-family:"OriginRegular",Verdana,Arial;
color:#000000;
text-align: center;
height:100%;
width:100%;
margin:0px;
padding:0px;
}
#container {
position:absolute;
width:100%;
top:50%;
margin-top:-200px;
}
#home {
width:500px;
height:385px;
text-align:center;
margin:auto;
font-family: "OriginRegular", verdana, tahoma;
}
.green {
color:#090;
font-weight:bold;
}
.red {
color:#F60;
font-weight:bold;
}
.rownews {
font-family: Arial, sans-serif, Verdana, Helvetica;font-size: 11px;
color:#FFFFFF;
padding:4px;
border:1px solid #CCCCCC;
background: #900;
}
.rowovernews {
font-family: Arial, sans-serif, Verdana, Helvetica;font-size: 11px;
color:#FFFFFF;
padding:4px;
border:1px solid #CCCCCC;
background: #C00;
}
.row1 {
font-family: Arial, sans-serif, Verdana, Helvetica;font-size: 11px;
color:#FFFFFF;
padding:4px;
border:1px solid #903;
background: #C00;
margin:2px;
}
.row2 {
font-family: Arial, sans-serif, Verdana, Helvetica;font-size: 11px;
color:#FFFFFF;
padding:4px;
border:1px solid #903;
background: #D90000;
margin:2px;
}
.rowover {
font-family: Arial, sans-serif, Verdana, Helvetica;font-size: 11px;
color:#FFFFFF;
padding:4px;
border:1px solid #F00;
background: #FF353A;
margin:2px;
}
.datos {
border:#CC0000 solid 1px;
padding:3px;
}
.tdtitle{color: #F60; text-decoration:none; font-family: sans-serif, Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold}
.title{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; vertical-align:middle; padding: 2px; background-color:#CC0000; color: #FFFFFF; padding-left: 10px; height: 25px;}
A{color: #F60; text-decoration:none; font-family: sans-serif, Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold}
A:VISITED{color: #F60; font-family: sans-serif, Verdana, Arial, Helvetica; font-size: 11px; font-size: 11px; font-weight: bold}
A:HOVER{color: #F90; font-family: sans-serif, Verdana, Arial, Helvetica; font-size: 11px; font-size: 11px; font-weight: bold; text-decoration: underline;}
#right a{color: #CCCCCC; text-decoration:none; font-weight:bold}
#right a:VISITED{color: #CCCCCC; font-weight: bold}
#right a:HOVER{color: #FF9900; font-weight: bold; text-decoration: underline;}
#maindiv {
background-image:url(images/Background_2012.jpg);
background-position: -450px 0px;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
margin:0px;
padding:0px;
}
#menudiv {
top:0;
margin:auto;
position:absolute;
height:25px;
}
ul.menu {list-style:none; margin:0; padding:0; font:Arial, Helvetica, sans-serif; font-size:9px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:3px 7px 5px; font-weight:bold; background:url(../images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/*
ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
}
*/
.spacer{
clear:both;
font-size:0;
line-height:0;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------top--------------------*/
#topMain{
width:100%;
background:url(../images/topinside_bg.gif) 0 0 repeat-x;
height:357px;
}
#top{
width:1003px;
height:357px;
margin:0 auto;
margin-top:25px;
background:url(../images/header_bg.jpg) 0 0 repeat-x;
position:relative;
}
#top img.logo{
position:absolute;
left:30px;
top:141px;
width:202px;
height:81px;
}
#marca{
position:relative;
text-align:center;
width:195px;
height:300px;
margin-top:15px;
margin-bottom:10px;
}
#marquee_mr{
text-align: center;
width:160px;
height:300px;
border:1px dotted #333;
padding:3px;
}
#top img.login{
position:absolute;
left:478px;
top:170px;
width:106px;
height:80px;
}
#top ul.topNav{
background:url(../images/top_nav_bg.gif) 0 0 no-repeat;
width:376px;
height:68px;
position:absolute;
left:584px;
top:168px;
padding:17px 0 0 13px;
}
#top ul.topNav li{
float:left;
height:50px;
padding:0 2px 0 0;
background:url(../images/top_nav_div.gif) right top no-repeat;
}
#top ul.topNav li a{
display:block;
background:url(../images/nav_bg.gif) 0 0 repeat-x;
padding:0 12px;
font:bold 9px/48px Arial, Helvetica, sans-serif;
color:#E9B9B9;
background-color:inherit;
text-decoration:none;
text-transform:uppercase;
}
#top ul.topNav li a:hover{
background:url(../images/nav_bg_hover.gif) 0 0 repeat-x;
color:#fff;
background-color:inherit;
border-left:#000000 solid 1px;
border-right:#000000 solid 1px;
padding:0 11px;
}
#top ul.topNav li.noImg{
background-image:none;
}
#top ul.topNav li a.hover{
display:block;
background:url(../images/nav_bg_hover.gif) 0 0 repeat-x;
color:#fff;
background-color:inherit;
padding:0 11px;
font:bold 9px/48px Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
border-left:#000000 solid 1px;
border-right:#000000 solid 1px;
}
#top form{
width:310px;
height:30px;
background:url(../images/magnifier.png) 0 0 no-repeat;
padding:0 0 0 25px;
position:absolute;
left:16px;
top:313px;
}
#top form label{
width:100px;
height:21px;
display:block;
float:left;
font:bold 9px/12px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
.divform {
width:430px;
height:21px;
font:bold 9px/12px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
position:absolute;
left:300px;
top:0px;
}
.inputSelect {
border-bottom:#D4D0C8 solid 1px;
border-right:#D4D0C8 solid 1px;
border-top:#808080 solid 1px;
border-left:#808080 solid 1px;
font:normal 10px/19px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
padding:0 0 0 7px;
}
.inputButton {
border-bottom:#D4D0C8 solid 1px;
border-right:#D4D0C8 solid 1px;
border-top:#808080 solid 1px;
border-left:#808080 solid 1px;
font:bold 10px/19px Arial, Helvetica, sans-serif;
padding:2px 7px 2px 7px;
}
#top form input.txtBox{
width:147px;
height:16px;
border-bottom:#D4D0C8 solid 1px;
border-right:#D4D0C8 solid 1px;
border-top:#808080 solid 1px;
border-left:#808080 solid 1px;
font:normal 10px/19px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
padding:0 0 0 7px;
float:left;
}
#top form input.signup{
background:url(../images/button_ok.png) 0 0 no-repeat;
width:45px;
height:17px;
float:right;
border:none;
cursor:pointer;
}
#top form input.adv{
background:url(../images/button_adv.png) 0 0 no-repeat;
width:62px;
height:17px;
float:right;
right:-70px;
position:absolute;
display:inline;
border:none;
cursor:pointer;
}
#top h1{
display:block;
background:url(../images/slogan.gif) 0 0 no-repeat;
width:511px;
height:61px;
position:absolute;
left:470px;
top:227px;
text-indent:-2000px;
}
/*------------------------------------------------top--------------------*/
/*------------------------------------------------menu--------------------*/
#menuMain{
width:100%;
height:28px;
background:url(../images/menu_bg.gif) 0 0 repeat-x;
}
/*
#menu{
width:942px;
margin:0 auto;
height:28px;
}
#menu ul{
width:942px;
height:28px;
}
#menu ul li{
float:left;
border-right:#595959 solid 1px;
height:28px;
}
#menu ul li a{
display:block;
padding:0 14px;
font:bold 11px/28px Arial, Helvetica, sans-serif;
color:#979696;
text-decoration:none;
background-color:inherit;
}
#menu ul li a:hover{
color:#8DA128;
background-color:inherit;
}
#menu ul li.noBdr{
border:none;
}
#menu ul li a.first{
display:block;
padding:0 14px 0 0;
font:bold 11px/28px Arial, Helvetica, sans-serif;
color:#979696;
text-decoration:none;
background-color:inherit;
}
#menu ul li a.first:hover{
color:#8DA128;
background-color:inherit;
}
#menu ul li a.last{
display:block;
padding:0 0 0 14px;
font:bold 11px/28px Arial, Helvetica, sans-serif;
color:#979696;
text-decoration:none;
background-color:inherit;
}
#menu ul li a.last:hover{
color:#8DA128;
background-color:inherit;
}
*/
/*------------------------------------------------menu--------------------*/
/*------------------------------------------------body--------------------*/
#bodyMain{
background:url(../images/body_bg.gif) 0 0 repeat-x #530F0F;
color:#000;
}
#body{
height:100%;
width:942px;
background:url(../images/body_bg2.gif) 0 0 repeat-x #740303;
color:#FFF;
padding:0 30px 26px 31px;
margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
width:239px;
padding:20px 0 0 0;
float:left;
}
#left h2.project{
display:block;
width:163px;
height:53px;
background:url(../images/project_icon.gif) 0 10px no-repeat;
padding:0 0 0 42px;
font:normal 24px/53px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#left h3.yellowTxt{
display:block;
width:205px;
font:bold 12px/12px Arial, Helvetica, sans-serif;
color:#BAA989;
background-color:inherit;
margin:0 0 13px 0;
}
#left img.pro{
margin:0 0 18px 0;
width:205px;
height:87px;
font-size:0;
line-height:0;
display:block;
}
#left h2.newsletter{
display:block;
background:url(../images/newsletter_bg.gif) 0 0 no-repeat;
width:189px;
height:31px;
padding:0 0 0 16px;
font:bold 16px/31px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
margin:31px 0 0 0;
}
#left form{
width:174px;
padding:8px 15px 25px 16px;
background-color:#4F0202;
color:#fff;
}
#left form label{
display:block;
width:174px;
font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
float:left;
}
#left form input.txtbox2{
width:172px;
height:19px;
border-bottom:#D4D0C8 solid 1px;
border-right:#D4D0C8 solid 1px;
border-top:#808080 solid 1px;
border-left:#808080 solid 1px;
background-color:#fff;
color:#000;
float:left;
}
#left form a{
width:88px;
height:17px;
float:left;
font:bold 11px/17px Arial, Helvetica, sans-serif;
color:#A09172;
background-color:inherit;
margin:11px 0 0 0;
text-decoration:underline;
}
#left form a:hover{
text-decoration:none;
}
#left form input.signup2{
background:url(../images/btn_signup2.gif) 0 0 no-repeat;
width:45px;
height:17px;
float:right;
margin:11px 0 0 0;
border:none;
cursor:pointer;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------mid--------------------*/
#mid{
width:208px;
float:left;
}
#mid1{
width:170px;
margin:0 0 6px 0;
background:url(../images/mid_panel_bg.gif) 0 0 repeat-x #450404;
color:#D59E9E;
padding:32px 19px 18px 19px;
}
#mid1 h2{
display:block;
width:71px;
padding:0 0 0 62px;
background:url(../images/event_icon.gif) 36px 0 no-repeat;
height:29px;
margin:0 0 10px 0;
font:normal 24px/29px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#mid1 p.midTxt1{
display:block;
width:160px;
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#988766;
background-color:inherit;
margin:0 0 13px 0;
}
#mid1 h3{
display:block;
width:168px;
height:19px;
margin:0 0 14px 0;
font:bold 12px/19px Arial, Helvetica, sans-serif;
color:#BE4545;
background-color:#5C0B0B;
text-align:center;
text-transform:uppercase;
}
#mid1 p.midTxt2{
display:block;
width:168px;
margin:0 0 21px 0;
font:normal 12px/21px Arial, Helvetica, sans-serif;
text-align:center;
}
#mid1 p.moreBg{
display:block;
background:url(../images/more_bg.gif) 0 0 no-repeat;
width:106px;
height:18px;
padding:0 0 0 62px;
}
#mid1 p.moreBg a{
background:url(../images/more.gif) 0 0 no-repeat;
width:45px;
height:17px;
display:block;
}
#mid1 p.moreBg a:hover{
background:url(../images/more_hover.gif) 0 0 no-repeat;
}
#service{
width:176px;
background-color:#450404;
color:#D59E9E;
padding:17px 13px 24px 19px;
margin:0;
}
#service h2{
display:block;
width:71px;
padding:0 0 0 62px;
background:url(../images/service.gif) 36px 0 no-repeat;
height:24px;
margin:0 0 21px 0;
font:normal 24px/24px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#service p.serviceTxt1{
display:block;
width:150px;
font:bold 13px/18px Arial, Helvetica, sans-serif;
color:#988766;
background-color:inherit;
margin:0 0 12px 0;
padding:0 0 0 7px;
}
#service p.serviceTxt2{
width:162px;
font:normal 12px/24px Arial, Helvetica, sans-serif;
color:#D59E9E;
background-color:inherit;
text-decoration:underline;
margin:0 0 29px 0;
text-align:center;
display:block;
}
#service p.moreBg2{
display:block;
background:url(../images/more_bg.gif) 0 0 no-repeat;
width:106px;
height:18px;
padding:0 0 0 62px;
margin:0 0 14px 0;
}
#service p.moreBg2 a.morelink{
background:url(../images/more.gif) 0 0 no-repeat;
width:45px;
height:17px;
display:block;
}
#service p.moreBg2 a.morelink:hover{
background:url(../images/more_hover.gif) 0 0 no-repeat;
}
#service a.botlink{
display:block;
background:url(../images/mid_bot_link.gif) 0 0 no-repeat;
width:176px;
height:60px;
}
#service a.botlink:hover{
display:block;
background:url(../images/mid_bot_link_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------mid--------------------*/
/*------------------------------------------------right--------------------*/
#right{
width:700px;
float:right;
padding-top: 22px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#right h2.why{
display:block;
width:462px;
height:52px;
font:normal 30px/52px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#right h2.contact{
display:block;
width:500px;
height:52px;
font:normal 30px/52px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#right h2.why span{
width:235px;
height:52px;
background:url(../images/best_bg.gif) 0 0 repeat-x;
display:block;
float:right;
}
#right h3.txt1{
display:block;
width:462px;
font:normal 19px/30px Arial, Helvetica, sans-serif;
color:#A09172;
background-color:inherit;
text-decoration:underline;
margin:0 0 15px 0;
}
#right p.rightTxt1{
display:block;
font:normal 14px/22px Arial, Helvetica, sans-serif;
color:#CB8686;
background-color:inherit;
width:700px;
margin-top: 0;
margin-right: 0;
margin-bottom: 18px;
margin-left: 0;
}
#right p.rightTxt1 span{
color:#CB8686;
background-color:#5D0303;
}
#right p.redBg{
display:block;
width:640px;
height:36px;
background-color:#4D0101;
font:normal 18px/18px Arial, Helvetica, sans-serif;
color:#A09172;
margin-top: 0;
margin-right: 0;
margin-bottom: 16px;
margin-left: 0;
padding-top: 11px;
padding-right: 39px;
padding-bottom: 11px;
padding-left: 16px;
}
#right p.redBg1{
display:block;
width:640px;
height:20px;
background-color:#4D0101;
font:normal 18px/18px Arial, Helvetica, sans-serif;
color:#A09172;
margin-top: 0;
margin-right: 0;
margin-bottom: 16px;
margin-left: 0;
padding-top: 11px;
padding-right: 39px;
padding-bottom: 11px;
padding-left: 16px;
}
#right p.redBg2{
display:block;
width:640px;
background-color:#4D0101;
font:normal 18px/18px Arial, Helvetica, sans-serif;
color:#A09172;
margin-top: 0;
margin-right: 0;
margin-bottom: 16px;
margin-left: 0;
padding-top: 11px;
padding-right: 39px;
padding-bottom: 11px;
padding-left: 16px;
}
#ad{
width:212px;
background-color:#807050;
border:#80705e solid 1px;
color:#fff;
float:left;
margin:3px 0 0 0;
}
#ad h2{
width:198px;
height:30px;
background-color:#000;
color:#fff;
display:block;
padding:0 0 0 14px;
font:bold 13px/30px Arial, Helvetica, sans-serif;
}
#ad ul{
padding:16px 18px 6px 14px;
margin:0;
}
#ad ul li{
padding:0;
margin:0;
line-height:0;
font-size:0;
}
#ad ul li a{
display:block;
background:url(../images/arrow_red.gif) 0 7px no-repeat;
padding:0 0 0 9px;
font:bold 11px/20px Arial, Helvetica, sans-serif;
background-color:inherit;
color:#D7C9AD;
text-decoration:none;
}
#ad ul li a:hover{
background-color:#78694B;
color:#fff;
}
#ad a.moreRed{
display:block;
background:url(../images/more_red.gif) 0 0 no-repeat;
width:45px;
height:17px;
margin:0 0 0 149px;
}
#ad a.moreRed:hover{
background:url(../images/more_red_hover.gif) 0 0 no-repeat;
}
#ad p.adBot{
display:block;
background:url(../images/add_bottom.gif) 0 0 no-repeat;
width:212px;
height:8px;
font-size:0;
line-height:0;
}
#history{
width:212px;
background-color:#807050;
border:#80705e solid 1px;
color:#fff;
float:right;
margin:3px 0 0 0;
}
#history h2{
width:198px;
height:30px;
background-color:#000;
color:#fff;
display:block;
padding:0 0 0 14px;
font:bold 13px/30px Arial, Helvetica, sans-serif;
}
#history ul{
padding:13px 18px 8px 14px;
margin:0;
}
#history ul li{
font:normal 11px/17px Arial, Helvetica, sans-serif;
background-color:inherit;
color:#D7C9AD;
}
#history a.moreRed2{
display:block;
background:url(../images/more_red.gif) 0 0 no-repeat;
width:45px;
height:17px;
margin:0 0 0 149px;
}
#history a.moreRed2:hover{
background:url(../images/more_red_hover.gif) 0 0 no-repeat;
}
#history p.hisBot{
display:block;
background:url(../images/add_bottom.gif) 0 0 no-repeat;
width:212px;
height:8px;
font-size:0;
line-height:0;
}
/*------------------------------------------------right--------------------*/
/*------------------------------------------------body--------------------*/
/*------------------------------------------------footer--------------------*/
#footerMain{
width:100%;
background:url(../images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
height:100%;
position:relative;
}
#footer a{
padding:0 7px;
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#979696;
background-color:inherit;
text-decoration:none;
}
#etchilelogo {
position:absolute;
display:block;
float:left;
margin:5px;
}
#tarjetas {
position:relative;
margin:0px;
}
#bottomtext {
margin:0 auto;
text-align:center;
}
#bottomtext p.copyright{
font:bold 10px/14px Arial, Helvetica, sans-serif;
color:#BAA884;
}
/*------------------------------------------------footer--------------------*/
/*------------------------------------------------Contact--------------------*/
.contactformfield {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 20px;
width: 75%;
float: left;
margin: 3px;
padding: 3px;
top: 1px;
clip: rect(1px,auto,auto,auto);
clear: none;
right: 30px;
}
.contactsubmit {
font-family: Verdana;
font-size: 11px;
color: #ffffff;
background-attachment: scroll;
background-image: url(../images/read_more_bg.gif);
background-repeat: no-repeat;
background-position: center center;
height: 20px;
width: 76%;
clip: rect(500px,500px,auto,auto);
top: 500px;
right: 500px;
bottom: 500px;
left: 500px;
float: left;
margin: 5px;
padding: 5px;
}
.contactformmessage {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 170px;
width: 580px;
float: none;
margin: 3px;
padding: 3px;
}
.contactbox {
font-family: Verdana;
font-size: 11px;
color: #000000;
border: 1px solid #CCCCCC;
height: 18px;
}
.commentslabel {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
float: left;
height: 170px;
width: 100px;
margin: 3px;
}
.contactmessagebox {
font-family: Verdana;
font-size: 11px;
color: #000000;
border: 1px solid #CCCCCC;
height: 170px;
}
.contacttextarea {
font-family: Verdana;
font-size: 11px;
color: #000000;
margin: 3px;
padding: 3px;
}
.submitarea {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
float: left;
width: 600px;
}
.submitbutton {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
background-attachment: scroll;
background-image: url(../images/submitbg.gif);
background-repeat: repeat-x;
background-position: center center;
border: 1px solid #FFFFFF;
height: 25px;
}
.contacttext {
margin: 3px;
padding: 3px;
height: 18px;
width: 100px;
float: left;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
}
.contacterrortext {
margin: 3px;
padding: 3px;
height: 18px;
width: 10px;
float: left;
font-family: Verdana;
font-size: 11px;
color: #000000;
}
/*------------------------------------------------Contact--------------------*/
.linkpopup {
position: relative;
font-family: Verdana;
font-size: 11px;
color: #1D859B;
height: 18px;
width: 250px;
}
.linkpopup span {
background-color: #ccc;
border: 1px solid #000;
display: block;
left: 0;
padding: .25em;
position: absolute;
top: -1.75em;
}
.linkpopup:link span,
.linkpopup:visited span {
visibility: hidden;
}
.linkpopup:hover span,
.linkpopup:focus span,
.linkpopup:active span {
color: #000;
text-decoration: none;
visibility: visible;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.linkpopupmessagebox {
position: relative;
font-family: Verdana;
font-size: 11px;
color: #1D859B;
height: 170px;
width: 350px;
}
.linkpopupmessagebox span {
background-color: #ccc;
border: 1px solid #000;
display: block;
left: 0;
padding: .25em;
position: absolute;
top: -1.75em;
}
.linkpopupmessagebox:link span,
.linkpopupmessagebox:visited span {
visibility: hidden;
}
.linkpopupmessagebox:hover span,
.linkpopupmessagebox:focus span,
.linkpopupmessagebox:active span {
color: #000;
text-decoration: none;
visibility: visible;
}
/*------------------------------------------------Email--------------------*/
.linkpopupemail {
position: relative;
font-family: Verdana;
font-size: 11px;
color: #1D859B;
height: 18px;
width: 200px;
}
.linkpopupemail span {
background-color: #ccc;
border: 1px solid #000;
display: block;
left: 0;
padding: .25em;
position: absolute;
top: -1.75em;
}
.linkpopupemail:link span,
.linkpopupemail:visited span {
visibility: hidden;
}
.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
color: #000;
text-decoration: none;
visibility: visible;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
/*------------------------------------------------Email--------------------*/
.contactcommenttext {
margin: 3px;
padding: 3px;
height: 170px;
width: 100px;
float: left;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
}
/*------------------------------------------------Textboxon Email--------------------*/
.borderEffect
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #FFCC00;
}
.borderEffect:hover
{
background-color:#FFCC89;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #A05A3D;
}
/*------------------------------------------------Textbox on Email--------------------*/
/*------------------------------------------------Textbox --------------------*/
.textboxEffect {
background-color:#FFFFFF;
color:#000000;
margin:0px;
padding:0px;
border:1px solid #4D0101;
height: 18px;
width: 250px;
font-family: Verdana;
font-size: 11px;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.textboxEffect:hover
{
background-color:#FFFFFF;
color:#740303;
margin:0px;
padding:0px;
border:1px solid #ffffff;
font-family: Verdana;
font-size: 11px;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
/*------------------------------------------------Textbox --------------------*/
/*------------------------------------------------Textboxdropdown --------------------*/
.dropdownEffect
{
background-color:#FFFFFF;
color:#000000;
border:1px solid #4D0101;
height: 18px;
width: 260px;
font-family: Verdana;
font-size: 11px;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.dropdownEffect:hover
{
background-color:#FFFFFF;
color:#740303;
margin:0px;
padding:0px;
border:1px solid #ffffff;
font-family: Verdana;
font-size: 11px;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
/*------------------------------------------------Textboxdropdown --------------------*/
/*------------------------------------------------Massagebox --------------------*/
.MassageboxEffect
{
background-color:#FFFFFF;
color:#000000;
margin:0px;
padding:0px;
border:1px solid #4D0101;
height: 170px;
width: 350px;
font-family: Verdana;
font-size: 11px;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.MassageboxEffect:hover
{
background-color:#FFFFFF;
color:#740303;
margin:0px;
padding:0px;
border:1px solid #ffffff;
font-family: Verdana;
font-size: 11px;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
/*------------------------------------------------Massagebox --------------------*/
.contacttextindicate {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.submitdiv {
float: left;
height: 20px;
width: 80%;
margin: 3px;
padding: 3px;
}
.contactformmessagefield {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 170px;
width: 75%;
float: left;
margin: 1px;
padding: 1px;
top: 1px;
clip: rect(1px,auto,auto,auto);
clear: none;
right: 30px;
}
.contactdropdownformfield {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 20px;
width: 73%;
float: left;
margin: 3px;
top: 1px;
clip: rect(1px,auto,auto,auto);
clear: none;
right: 30px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 7px;
}
.submitbuttonarea {
margin: 5px;
float: left;
height: 50px;
width: 300px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 110px;
}