/*
* Secure Pulse - Web Division
* info@securepulse.com
*
* (c)2006 - 2009 All Rights Reserved: Secure Pulse Ltd.
*
* For further information, please contact Secure Pulse at
* info@securepulse.com
*/
body {
margin: 0 0 0 0;
}
#wrapper{
width:100%;
height:100%;
}
.wrapper{
width:100%;
height:100%;
}
.div-100{
width:100%;
}
.div-left{
float: left;
}
.div-right{
float: right;
}
.div-block{
display: block;
}
.div-table{
display: table;
}
.font-bold{
font-weight:bold;
}
.font-italic{
font-style:italic;
}
.font-lineheight-16{
line-height:16px;
}
/* These styles set the font size
*
* Example: Secure Pulse
* Sets the font size inside the div to 10px
*
* Range from 8px - 20px. For other font sizes, the developer must add his own class
* */
.font-8{
font-size:8px;
}
.font-9{
font-size:9px;
}
.font-10{
font-size:10px;
}
.font-11{
font-size:11px;
}
.font-12{
font-size:12px;
}
.font-13{
font-size:13px;
}
.font-14{
font-size:14px;
}
.font-15{
font-size:15px;
}
.font-16{
font-size:16px;
}
.font-17{
font-size:17px;
}
.font-18{
font-size:18px;
}
.font-19{
font-size:19px;
}
.font-20{
font-size:20px;
}
/* These styles set the font type
*
* Example: Secure Pulse
* Sets the font inside the div to tahoma
*
* We used 4 classes for the font type. For FireFox 3.5 and up we can set other fonts using CSS3 code which is not supported for the moment by IE8
* */
.font-arial{
font-family:Arial, Helvetica, sans-serif;
}
.font-tahoma{
font-family:Tahoma, Geneva, sans-serif;
}
.font-verdana{
font-family:Verdana, Geneva, sans-serif;
}
.font-georgia{
font-family:Georgia, "Times New Roman", Times, serif;
}
.font-trebuchet{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* These styles set the font color
*
* Example: Secure Pulse
* Sets the font color inside the div to dark grey
*
* 5 basic colors are defined, the developer is advised to use such naming for colors for consistency
* */
.font-white{
color:#FFF;
}
.font-black{
color:#000;
}
.font-999{
color:#999999;
}
.font-666{
color:#666666;
}
.font-333{
color:#333333;
}
/*
* The following provides general padding. we start with padding (top, right, bottom, left) then specify padding for each
*/
.div-padd-2{
padding:2px
}
.div-padd-5{
padding:5px
}
.div-padd-10{
padding:10px
}
.div-padd-15{
padding:15px
}
.div-padd-20{
padding:20px
}
.div-padd-25{
padding:25px
}
.div-padd-30{
padding:30px
}
.div-padd-35{
padding:35px
}
.div-padd-40{
padding:40px
}
.div-padd-45{
padding:45px
}
/*
* This specifies left padding
*/
.div-paddleft-1{
padding-left:1px
}
.div-paddleft-2{
padding-left:2px
}
.div-paddleft-5{
padding-left:5px
}
.div-paddleft-10{
padding-left:10px
}
.div-paddleft-15{
padding-left:15px
}
.div-paddleft-20{
padding-left:20px
}
.div-paddleft-25{
padding-left:25px
}
.div-paddleft-30{
padding-left:30px
}
.div-paddleft-35{
padding-left:35px
}
.div-paddleft-40{
padding-left:40px
}
.div-paddleft-45{
padding-left:45px
}
.div-paddleft-80{
padding-left:80px
}
/*
* This specifies right padding
*/
.div-paddright-1{
padding-right:1px
}
.div-paddright-2{
padding-right:2px
}
.div-paddright-5{
padding-right:5px
}
.div-paddright-10{
padding-right:10px
}
.div-paddright-15{
padding-right:15px
}
.div-paddright-20{
padding-right:20px
}
.div-paddright-25{
padding-right:25px
}
.div-paddright-30{
padding-right:30px
}
.div-paddright-35{
padding-right:35px
}
.div-paddright-40{
padding-right:40px
}
.div-paddright-45{
padding-right:45px
}
/*
* This specifies top padding
*/
.div-paddtop-2{
padding-top:2px
}
.div-paddtop-3{
padding-top:3px
}
.div-paddtop-5{
padding-top:5px
}
.div-paddtop-10{
padding-top:10px
}
.div-paddtop-15{
padding-top:15px
}
.div-paddtop-20{
padding-top:20px
}
.div-paddtop-25{
padding-top:25px
}
.div-paddtop-30{
padding-top:30px
}
.div-paddtop-35{
padding-top:35px
}
.div-paddtop-40{
padding-top:40px
}
.div-paddtop-45{
padding-top:45px
}
/*
* This specifies bottom padding
*/
.div-paddbottom-2{
padding-bottom:2px
}
.div-paddbottom-5{
padding-bottom:5px
}
.div-paddbottom-10{
padding-bottom:10px
}
.div-paddbottom-15{
padding-bottom:15px
}
.div-paddbottom-20{
padding-bottom:20px
}
.div-paddbottom-25{
padding-bottom:25px
}
.div-paddbottom-30{
padding-bottom:30px
}
.div-paddbottom-35{
padding-bottom:35px
}
.div-paddbottom-40{
padding-bottom:40px
}
.div-paddbottom-45{
padding-bottom:45px
}
/*
* The following provides general margin. we start with margin (top, right, bottom, left) then specify margins for each
*/
.div-margin-5{
margin:5px
}
.div-margin-10{
margin:10px
}
.div-margin-15{
margin:15px
}
.div-margin-20{
margin:20px
}
.div-margin-25{
margin:25px
}
.div-margin-30{
margin:30px
}
.div-margin-35{
margin:35px
}
.div-margin-40{
margin:40px
}
.div-margin-45{
margin:45px
}
/*
* This specifies bottom margin
*/
.div-marginleft-2{
margin-left:2px
}
.div-marginleft-5{
margin-left:5px
}
.div-marginleft-10{
margin-left:10px
}
.div-marginleft-15{
margin-left:15px
}
.div-marginleft-20{
margin-left:20px
}
.div-marginleft-25{
margin-left:25px
}
.div-marginleft-30{
margin-left:30px
}
.div-marginleft-35{
margin-left:35px
}
.div-marginleft-40{
margin-left:40px
}
.div-marginleft-45{
margin-left:45px
}
/*
* This specifies right margin
*/
.div-marginright-5{
margin-right:5px
}
.div-marginright-10{
margin-right:10px
}
.div-marginright-15{
margin-right:15px
}
.div-marginright-20{
margin-right:20px
}
.div-marginright-25{
margin-right:25px
}
.div-marginright-30{
margin-right:30px
}
.div-marginright-35{
margin-right:35px
}
.div-marginright-40{
margin-right:40px
}
.div-marginright-45{
margin-right:45px
}
/*
* This specifies top margin
*/
.div-margintop-5{
margin-top:5px
}
.div-margintop-10{
margin-top:10px
}
.div-margintop-15{
margin-top:15px
}
.div-margintop-20{
margin-top:20px
}
.div-margintop-25{
margin-top:25px
}
.div-margintop-30{
margin-top:30px
}
.div-margintop-35{
margin-top:35px
}
.div-margintop-40{
margin-top:40px
}
.div-margintop-45{
margin-top:45px
}
/*
* This specifies bottom margin
*/
.div-marginbottom-5{
margin-bottom:5px
}
.div-marginbottom-10{
margin-bottom:10px
}
.div-marginbottom-15{
margin-bottom:15px
}
.div-marginbottom-20{
margin-bottom:20px
}
.div-marginbottom-25{
margin-bottom:25px
}
.div-marginbottom-30{
margin-bottom:30px
}
.div-marginbottom-35{
margin-bottom:35px
}
.div-marginbottom-40{
margin-bottom:40px
}
.div-marginbottom-45{
margin-bottom:45px
}
.div-pointer{
cursor: pointer;
}
/*
* This is used with jQuery to style the checkbox. The jQuery file is located inside the css folder.
* You can use the checkbox.png and edit it to generate any custom checkboxes
*/
.checkbox {
display: inline;
font-size: 16px;
line-height: 16px;
cursor: pointer;
cursor: hand;
}
.checkbox .mark {
display: inline;
}
.checkbox img {
vertical-align: middle;
width: 16px;
height: 16px;
}
.checkbox img{
background: transparent url(/images/checkbox.png) no-repeat;
}
.checkbox img{
background-position: 0px 0px;
}
.checkbox-hover img{
background-position: -16px 0px;
}
.checkbox-checked img{
background-position: 0px -16px;
}
.checkbox-checked .checkbox-hover img {
background-position: -16px -16px;
}
.checkbox-disabled img{
background-position: 0px -32px;
}
.checkbox-checked .checkbox-disabled img{
background-position: 0px -48px;
}
/*
* This is used with jQuery to style the checkbox. The jQuery file is located inside the css folder.
* You can use the checkbox.png and edit it to generate any custom checkboxes
*/
.radio {
display: inline;
font-size: 16px;
line-height: 16px;
cursor: pointer;
cursor: hand;
}
.radio .mark {
display: inline;
}
.radio img {
vertical-align: middle;
width: 16px;
height: 16px;
}
.radio img{
background: transparent url(/images/radiobuttons.png) no-repeat;
}
.radio img{
background-position: 0px 0px;
}
.radio-hover img{
background-position: -16px 0px;
}
.radio-checked img{
background-position: 0px -16px;
}
.radio-checked .radio-hover img {
background-position: -16px -16px;
}
.radio-disabled img{
background-position: 0px -32px;
}
.radio-checked .radio-disabled img{
background-position: 0px -48px;
}
/*
* This section is for styling buttons
*/
.loginButton {
background-image: url(/images/login.jpg);
height: 31px;
width: 120px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: pointer;
}
.submitButton {
background-image: url(/images/submit_button.png);
background-repeat: no-repeat;
border: 0px;
height: 14px;
width: 75px;
cursor: pointer;
}
.registerButton {
background-image: url(/images/newsletterregister.gif);
background-repeat: no-repeat;
border: 0px;
height: 17px;
width: 71px;
cursor: pointer;
}
/*
* This section is for styling text fields
*/
.textfield {
height: 16px;
width: 150px;
border: 1px solid #13639d;
}
.filefield {
width: 143px;
height: 22px;
border: 1px solid #13639d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.dropfield {
height: 20px;
width: 152px;
border: 1px solid #13639d;
}
.textarea{
width: 428px;
height: 97px;
border: 1px solid #13639d;
}
.textfield_validation{
height: 16px;
width: 114px;
border: 1px solid #dddddd;
}
/*
* Some CSS3 classes which can't be seen for the time being in IE8
* */
@font-face {
font-family: "abstrakt";
src: url('abstrakt.ttf');
}
.font-fertigo {
font-family: "abstrakt";
}
.font-newslettertxt{
color:#878787;
}
#paginationGolden{
width:975px;
}
#pagination{
text-align:center;
width: 565px;
display:block;
padding-left:410px;
}
#pagination ul{
list-style-type:none;
}
#pagination div{
float:left;
padding-left:10px;
text-align:right;
font-family:Tahoma;
font-weight: bold;
color: #2f578b;
font-size: 10px;
}
#pagination div a{
font-family:Tahoma;
font-weight: bold;
text-decoration: none;
color: #2f578b;
font-size: 10px;
}
#pagination div a:hover{
text-decoration: underline;
}
.link{
color:blue;
text-decoration:none;
}
.link:visited{
color:blue;
text-decoration:none;
}
.link:hover{
color:blue;
text-decoration:underline;
}