/*
  File: macbay_promo.css
  Media type: screen
  
  Abbreviations: 
  fL = floatLeft
  fR = floatRight
  alLeft = alignLeft
  alRight = alignRight
  alt = alternate
  mod = modification
*/

/*   
    ##########    GENERAL DEFINITIONS    ############ 
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
}

html {
	height: 100%;

}

body { 
	padding: 0 0 0 20px;
	background: #CCE0F5 url(../img/bg_body.gif) top left repeat-x; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 63%; 
	min-width: 970px;
}


/*
    Links
*/
a,
span.ajaxfakelink {
	text-decoration: none;
	color: #06C; 
}
a:hover,
span.ajaxfakelink:hover { 
	text-decoration: underline; 
}
span.ajaxfakelink:hover { 
    cursor: pointer;
}
a:active	{ 
	color: #39F; 
}

/*
   Images
*/

img {
    border: 0;    
}

/*
    Lists
*/
ol {
	list-style: none; 
}
ul li {
	list-style: none;
}

ul.bullets li	{
	background: transparent url('../img/bg_bullets_basic.gif') 8px 5px no-repeat;
	padding: 0 0 6px 22px;
}

/*
    Tables
*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	caption-side: top;
	empty-cells: show;
}
td, th {
	vertical-align: top;
	text-align: left;
}

/*
    Forms
*/
fieldset {
	border: 0 solid transparent; /* 'solid transparent' required by Opera */
}
legend {
	color: #000; /* IE/Win does not inherit color */
}
optgroup {
	font-style: normal;
	font-weight: bold;
}

/*
    global
*/
.clrAll {
	clear: both;
	height: 0;
}
.clrLeft {
	clear: left;
	height: 0;
}

.fl {
    float: left;
}

/*  alternate (=alt) background-color */
.alt {
	background-color: #F8F9FC;
}

/*
        ERROR HANDLING
*/
p.errorMsg,
span.errorMsg {
	color: #F43133;
}


/*
			###########     PAGE STRUCTURE      ###############
*/
#wrapper {
		height: 100%;
		width: 970px;
		background: #FFF url(../img/bg_body.gif) top repeat-x;
		display: inline-block;
}
#networknav {
    height: 30px;
    width: 970px;
    padding: 0;
}
#networknav p {    
    float: left;
    padding: 9px 10px 0 0; 
}
#networknav li {
    float: left;
    font-weight: bold;
    padding: 9px 11px 0 11px;
    vertical-align: middle;
}
#networknav a {
    color: #000;
}

#sessionlogin {
	float: right;
	padding: 0 0 0 20px;
	height: 29px;
	border-left: 1px dotted #A6C5E3;
	_border-left: 1px solid #A6C5E3;
}

#sessionlogin p {
	font-weight: bold;
	margin-top: -1px; 
	padding-right: 0;
}
#sessionlogin a {
	text-decoration: underline;
}
#sessionlogin img {
	padding: 0 4px 0 9px;
  vertical-align: text-bottom;

}

/*
		HEADER
*/
#header { 
	position: relative; 
	height: 120px; 
	background: #FFF url(/incl/img/headerbgrbk_clean.gif) bottom left repeat-x;
}
/*	background: #FFF url(/incl/img/headerbgrbk.gif) bottom left repeat-x; */




.header_org {
    height: 24px !important;
	background: #FFF url(/incl/img/navbg_organizer.png) bottom left no-repeat !important; 
}

#header img {
	position: absolute;
	left: 20px;
}


/* 
		SITE NAVIGATION
*/
ul#sitenavi { 
	position: absolute; 
	left: 20px; 
	bottom: -10px; 
	width: 924px; 
	background: transparent url(../img/sitenavirand.gif) top right no-repeat;
	 
}
ul.sitenavi_org {

}
ul#sitenavi li { 
	position: relative; 
	float: left; 
	font-size: 1.1em; 
	padding: 0 1px 0 0; 
	background: transparent url(../img/sitenavirand.gif) top right no-repeat; 
	font-weight: bold; 
	text-align: center; 
}

ul#sitenavi li a { 
	display: block; 
	text-decoration: none;
	padding: 0 10px; 
	color: #000; 
	height: 33px;
}

* html ul#sitenavi li a { 

	float: left;
}
ul#sitenavi li.first a {
		background: transparent url(../img/sitenavirand.gif) top left no-repeat; 
}

ul#sitenavi li a:hover { 
	background: transparent url(../img/bg_sitenavhi.gif) left top repeat-x; 
	color: #FFF; 
}
ul#sitenavi li a.selected	{
	background: transparent url(../img/bg_sitenav_selected.gif) 0 1px repeat-x !important; 
	color: #000 !important;
}
ul#sitenavi li.first a.selected {
	background: transparent url(../img/sitenavihi1.gif) left top repeat-x !important;
	_background-position: 0 1px;
}

ul#sitenavi li a span { 
	position: relative; 
	top: 5px; 
}




/*            
    CONTENT STRUCTURE
*/
div#container { 
	overflow: hidden;
	display: inline-block;
	width: 970px;
	padding-top: 30px;
	font-size: 1.1em;
	background-color: #FFF;

}
div#content { 
	float: left;	
	width: 672px;    
	padding: 0 0 20px 50px; 
	_display: inline-block;
	_overflow: hidden;

}
div#marginal {
	float: left;
	width: 198px;
	padding-top: 32px;
	display: inline-block;
}



/*	
  ###########################       MODULES (within content)    ############################
  
*/


/*          
				HEADLINES & PARAGRAPHS               
*/

#container h1 {
/*Elektra*/
	padding-bottom: 8px;
	color: #000;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1em;
}
#container h2 {
	padding-bottom: 8px;
	color: #000;
	font-size: 1.2em;
	line-height: 1.3em;
}
#container h3 {
	color: #000;
	font-size: 1em;	
}

#container p.intro {
		width: 640px;
		margin-bottom: 30px;
		padding: 6px 0 0 0;
		line-height: 1.5em;
		color: #858585;
		font-weight: bold;
}

/*
            ROW 2 COLS
        
*/

.row {
	overflow: hidden;			 /* non-IE */
	height: 1%;
	width: 722px;
}

.column {
    float: left;
    width: 335px;
		overflow: hidden;
}

.row-broad {
	overflow: hidden;			 /* non-IE */
	height: 1%;
	width: 910px;
	padding-left: 50px;

}


/*
        MODULES
*/

.module {
	overflow: hidden;			 /* non-IE */
	float: left;
	width: 310px;
	margin-right: 25px;
	padding-bottom: 20px;
	line-height: 1.4em;
	display: inline-block;
}

span.intern {
display:block;
background:#F1F7FB;
border-top:1px solid #CCE0F5;
border-bottom:1px solid #CCE0F5;
padding:10px;
}

.module p.date {
   margin-top: 5px;
}

.module p.intern {
border-bottom:1px solid #CCE0F5;
padding-bottom:8px;
}

span.intern a.blog {
display:block;
font-weight:bold;
padding-top:5px;
}


.double	{
	width: 620px;
}

.module p {
   padding-bottom: 5px;

}

.module ul.buttonlist .btn {
    float: none;
}



/*
		MODILE-VIDEO
*/
.row-broad img,
.row img {
	 	float: left;
		margin-right: 20px; 
		padding-bottom: 22px; 


}

.module-video {
		overflow: hidden;			 /* non-IE */
		float: left;
		width: 205px;
		padding-right: 25px;
		margin-bottom: 22px;
		line-height: 1.4em;
		display: inline-block;

}

#container .module-video h2 {
		font-size: 1.2em;
		padding-bottom: 5px;
}

.module-video p {
		padding-bottom: 5px;
}





/*
        MODULE FORM & TABS
*/

.module-form {
		overflow: hidden;			 /* non-IE */
		display: inline-block;
		float: left;
		width: 310px;
		margin-right: 25px;
		margin-bottom: 22px; 
		width: 310px;
		background: #F1F7FB url(../img/bg_outline_lightblue_top.gif) left top no-repeat;
		padding-top: 5px;
}
.module-form p {
     color: #000;
}
  

.module-form p.padTop {
    padding-top: 4px;
}

.module-form .inner {
    clear: left;
    border-left: 1px solid #CCE0F5;
    border-right: 1px solid #CCE0F5;
    padding: 4px 7px 2px 7px;
}
.module-form form {
    background: #F1F7FB url(../img/bg_outline_lightblue_bottom.gif) left bottom no-repeat;    
    padding-bottom: 4px;
}

.module-form .formrow {
    overflow: hidden;
    _height: 1%;
    padding: 7px 0;
    margin: 8px 0 10px 0;
    border-top: 1px solid #CCE0F5;
    border-bottom: 1px solid #CCE0F5;
}
.module-form .formrow input,
.module-form .formrow select,
.module-form .formrow p,
.module-form .formrow div {
    float: left;
    margin-right: 2px;
}
.module-form .formrow p {
    line-height: 1.6em;
}
.module-form .formrow p.feedback-ok,
.module-form .formrow p.feedback-error {
    line-height: 1.7em;
    font-weight: bold;
    padding-top: 1px;
    float: right;
}
.module-form .formrow p.feedback-ok {
    display: none;
    color: #090;
}
.module-form .formrow p.feedback-error {
    display: none;
    color: #C00;
}
.module-form .formrow p.feedback-ok img,
.module-form .formrow p.feedback-error img {
    padding: 0 5px 0 0;
    vertical-align: text-bottom;
}

.module-form .formrow .extrasmall {
    width: 50px;
}
.module-form .formrow .small {
    width: 72px;
}
.module-form .formrow .medium {
    width: 126px;
}

/*
			MINITABS
*/

.module-form ul.minitabs {
		width: 310px;
		overflow: hidden;
		margin-top: -5px;
		background: url(../img/bg_ul_minitab.gif) no-repeat;		
}

.module-form ul.minitabs li {
		float: left;
		color: #06C;
		margin-top: 1px;
}

.module-form ul.minitabs li span {
		display: block;
		float: left;
		padding: 3px 10px 0 10px;
		height: 18px; 
		border-right: 1px solid #CCE0F5;
		background: url(../img/bg_minitab.gif) repeat-x;
}
.module-form ul.minitabs li.first span {
		margin-left: 3px;
}

.module-form ul.minitabs li.selected span {
    background: url(../img/bg_minitab_hi.gif) repeat-x;    
}
.module-form ul.minitabs li.firstselected {
		background: url(../img/bg_ul_minitab_firstsel.gif) no-repeat;	
		margin-left: 0;
		margin-top: 0;
		height: 21px;
		padding: 1px 0 0 3px;
}
.module-form ul.minitabs li.firstselected span {
		background: none;	
}

.module-form ul.minitabs li:hover {
		cursor: pointer;
}
.module-form ul.minitabs li.selected:hover,
.module-form ul.minitabs li.firstselected:hover {
		cursor: default;
}



/*
     ############################  MARGINAL COLUMN     #############################
  
*/

#marginal .btn {
    float: none;
}


#marginal h3 {
    color: #666;
    font-size: 1.1em;
    padding: 17px 0 3px 0;
}
#marginal div.filledlist {
    background: #CCE0F5 url(../img/bg_filledlist_bottom.gif) bottom no-repeat;
    overflow: hidden;
    width: 198px;
}

#marginal ul.filledlist {
    background: transparent url(../img/bg_filledlist_top.gif) top no-repeat;
    width: 198px;
    padding: 3px 0;
}
#marginal ul.filledlist li {
    border-top: 1px solid #ACC8E5;
    padding: 3px 0 3px 40px;
    margin: 0 10px;
    cursor: pointer;
}

#marginal ul.filledlist li.icon {
	background-repeat: no-repeat;
	background-position: 3px center; 
}



#marginal ul.filledlist li.first {
    border-top: none;
}
#marginal ul.filledlist li:hover,
#marginal ul.filledlist li.selected {
    background-color: #E6F0FA;
}
#marginal ul.filledlist li a {
	text-decoration: none;
	color: #000;
}

#marginal p img {
    float: left; 
    margin: 0 6px 4px 0;
}


/* 
                FOOTER 
*/

#footer {
    width: 595px;
	padding: 100px 0 30px 50px;
}

#footer h3 {
    padding-bottom: 2px;
    font-size: 1.1em;
    color: #666;
}
#footer h4 {
    width: 614px;   
    padding: 14px 16px 8px 16px;
    font-size: 1.1em;
    background: #CCE0F5 url(../img/bg_filledp_top.gif) top no-repeat; 
}

#footer p.hint {
    width: 614px;   
    margin-bottom: 30px;
    padding: 0 16px 16px 16px;
    background: #CCE0F5 url(../img/bg_filledp_bottom.gif) bottom no-repeat;  
}


/*
        MAIN FOOTER
*/

#footer-main {
	padding-top: 10px;
	border-top: 1px solid #D0E3FF;  
	width: 646px;
	line-height: 2em;
	display: inline-block; /* IE6 */
}

#footer-main ul {
	margin: 0; 
	padding: 0;
}
#footer-main li {
	float: left;
	padding-right: 3px;
}
#footer-main p {
	clear: both;
}





/*
     ###########################       FORMS (within content)      ############################
  
*/

textarea,
select,
input {
	font-size: 1em;
	border: 1px solid #CCC;
}

input {
	padding: 3px 0 0 3px;
	height: 16px;	
}
input.checkbox {
	border: 0;
	padding: 0;
}
input.radiobtn {
	border: 0;
	padding: 0;
}
select {
	padding: 1px 0 0 0;
	height: 19px;
}
textarea {
	padding: 3px 0 0 3px;    
}




/*
     ############################   TABLES (within content)     #############################
  
*/

/*
			PREISMATRIX TABLE

*/

table {
	width: 650px;
	margin-bottom: 8px;
}
table td {
	vertical-align: top;
	text-align: center;
	border-bottom: 1px solid #CCE0F5;
	line-height: 1.3em;
	padding: 6px 5px;
}
table td.noborder {
	border-bottom: none;
}
table td.dotted {
	border-bottom: 1px dotted #CCE0F5;
}

table td span {			/* hides too long text in table cells */
	overflow: hidden;
	float: left;
	width: auto;
	white-space: nowrap;
	padding-right: 5px;
}
table tr td.alLeft {
    text-align: left;
}


/*
				Table head
*/

table th {		
	color: #000;
	line-height: 1.2em;
	border-top: 1px solid #CCE0F5;
	text-align: center;
	border-bottom: 1px solid #CCE0F5;
	padding: 6px 5px 5px 5px;
	font-weight: normal;
}

table th img {
    vertical-align: text-bottom;
    padding-left: 6px;
    margin-right: -35px;
}
table tr th.alLeft {
    text-align: left;
}




/*
	###############################   BUTTONS   ##############################
*/


/*
.container-btns p {
	float: left;
	padding: 2px 0 0 0;
}
*/

div.btn {
    float: left;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
	margin-bottom: 5px;
	white-space: nowrap;
    cursor: pointer;

}


div.btn-active {       /* dunkelblau */
	background-image: url(../img/bg_btn_blue_left.gif);
}
div.btn-inactive {    /* hellblau */
	background-image: url(../img/bg_btn_lightblue_left.gif);
}
div.btn-light {        /* weiss/blaue umrandung*/
	background-image: url(../img/bg_btn_white_left.gif);
	padding-left: 20px;
}

div.btn p {
    padding: 0 7px 0 0;
    line-height: 1.2em;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right;
}

#container div.btn-active p {
	background-image: url(../img/bg_btn_blue_right.gif);	
	color: #FFF;
}
#container div.btn-inactive p {
	background-image: url(../img/bg_btn_lightblue_right.gif);	
	color: #06C;
}
#container div.btn-light p {
	background-image: url(../img/bg_btn_white_right.gif);	
	color: #06C;
	padding: 0 5px 0 0;
}

div.btn span {
	background-repeat: repeat-x;	
	display: block;
	height: 15px;
	padding: 5px 0;
	font-weight: bold;
	line-height: 1.2em;
}

div.btn-active span {
	background-image: url(../img/bg_btn_blue.gif);	
}
div.btn-inactive span {
	background-image: url(../img/bg_btn_lightblue.gif);	
}
div.btn-light span {
	background-image: url(../img/bg_btn_white.gif);	
	height: 14px;
	padding: 8px 0;
}
div.btn-active a {
    color: #FFF;
    text-decoration: none;
}
div.btn-inactive a,
div.btn-light a {
    color: #06C;
    text-decoration: none;
}



/*
	######################    ICONS   ############################
    
*/


.FEATURE-ICON {
	background-image: url(/incl/img/Featureicon.png);
}

.ICON-FILESHARING {
	background-image: url(/incl/img/feature-filesharing.png);
}
.ICON-ORGANIZER {
	background-image: url(/incl/img/feature-organizer.png);
}
.ICON-HOMEPAGE {
	background-image: url(/incl/img/feature-homepage.png);
}
.ICON-HOSTING {
	background-image: url(/incl/img/feature-hosting.png);
}
.ICON-SYNC {
	background-image: url(/incl/img/feature-sync.png);
}
.ICON-SUPPORT {
	background-image: url(/incl/img/feature-support.png);
}
.ICON-FAX {
    background-image: url(/incl/img/fax.png);
}
.ICON-SMS {
	background-image: url(/incl/img/nav_sms.png);
}





/*
                HACKS
*/

.module-form .btn span {
	_width: 1%;
}




/* ------------------------- ORGANIZER --------------------------- */

div.container_org  { 
	padding-top: 0 !important;
}
div.container_org #content { 
    background: #FFF url(/incl/img/bg_container_org.png) repeat-x !important;
	padding-bottom: 50px;
	padding-right: 30px;
   	width: 890px;
}
div.container_org #marginal { 
    display: none;
}

div.container_org p {
    line-height: 1.5em;
    font-size: 1.1em;

}

div.container_org a.more {
    color: #0066CE;
    font-weight: 700;
    line-height: 2em;
}
div.container_org a.more:before {
	content: "\BB \20";
}

div.container_org .fixheight {
    height: 140px;
    overflow: hidden;
}

.container_org #content h2 {
    font-size: 1.4em;
    font-weight: 100;
    padding-bottom: 10px;
}

.container_org #content h2.padtop {
    padding-top: 35px;
    clear: left;
}

.fixheight p {
    padding-right: 30px;
}

div.col-left {
    float: left;
    width: 450px;
    padding: 30px 0 40px 0;
    overflow: hidden;
}
div.col-right {
    float: left;
    width: 430px;
    padding: 30px 0 40px 0;
    overflow: hidden;
}



.zone {
    float: left;
    margin: 0 25px 16px 0;
    width: 143px;
    height: 47px;
    padding: 12px 0 0 55px;    

    background-color: #E5F0FA;
    background-repeat: no-repeat;
    background-position: 10px;
    
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor:help;
    

}

.zone-mail {
    background-image: url(/incl/img/zone_icon_mail.png);
}
.zone-sms {
    background-image: url(/incl/img/zone_icon_sms.png);
}
.zone-cal {
/*    background-image: url(/incl/img/zone_icon_cal.png);*/
    background-image: url(/incl/img/office-calendar.png);
}
.zone-adressbook {
    background-image: url(/incl/img/zone_icon_adressbook.png);
}
.zone-fax {
    background-image: url(/incl/img/zone_icon_fax.png);
}
.zone-acc {
    background-image: url(/incl/img/zone_icon_acc.png);
}

#container .zone h3 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.1em;
}

#container .zone p {
    font-size: 0.9em;
}


.list-comp {
    float: left;
    width: 200px;
    margin-right: 25px;
    margin-top: 15px;
}
.list-comp h3 {
    padding: 7px 0 10px 27px;
    border-bottom: 1px dotted #C8C8C8;
    background-repeat: no-repeat;
    background-position: 0 3px;    
    font-size: 1.1em !important;
    
}
.list-comp ul {
    margin-bottom: 20px;    

}

.list-comp ul li {
    padding: 4px 0 4px 12px;
    border-bottom: 1px dotted #C8C8C8;
    background: url(/incl/img/bg_list_quad.png) no-repeat 0 8px;
}

.list-comp ul li span.iphone {
    background: url(/incl/img/icon_iphone_small.png) no-repeat right center;display:block;
}

.advantages li {
    padding: 4px 0 4px 12px;
    border-bottom: 1px dotted #C8C8C8;
    background: url(/incl/img/bg_list_quad.png) no-repeat 0 8px;
}

h3.h-mail {
    background-image: url(/incl/img/icon_listhead_mail.png);
}
h3.h-sms {
    background-image: url(/incl/img/icon_listhead_sms.png);
}
h3.h-cal {
    background-image: url(/incl/img/nav_calendar.png);
}
h3.h-fax {
    background-image: url(/incl/img/fax.png);
}
h3.h-acc {
    background-image: url(/incl/img/icon_listhead_acc.png);
}
h3.h-adressbook {
    background-image: url(/incl/img/feature-organizer.png);
}
h3.h-roadmap {
    background-image: url(/incl/img/roadmap.png);
}




.container_org p.pgf {
    float: left;
    width: 310px;
    padding-bottom: 20px;
}
.container_org p.pgf-mod {
    width: 420px;
}
.container_org .badge {
    width: 110px;
    clear: left;
    float: left;
}

.container_org .pic {
    width: 110px;
    clear: left;
    float: left;
    text-align: center;
}
.container_org div.testimonial {
    float: left;
    width: 300px;
    padding: 0 0 0 7px;
    margin-bottom: 20px;

    background: url(/incl/img/bubble_border.png) no-repeat left top;
}
.container_org div.testimonial p {
    float: left;
    width: 280px;
    padding: 10px 10px 20px 10px;
    min-height: 110px;
    border: 1px solid #CCC;
    border-left: none;
    background: url(/incl/img/bg_bubble.png) repeat-x left bottom;
}
.container_org div.testimonial span {
    display: block;
    line-height: 1.4em;
    padding-bottom: 3px;
    color: #333;
    font-weight: 700;
}



table.features {
	width: 860px;
	margin: 0 0 20px 0;
}
table.features th {
    color: #666;
    font-weight: 100;
    text-align: left;
    border-top: none;
	border-bottom: 1px dotted #AAC8E5;
}
table.features td {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px dotted #AAC8E5;
	line-height: 1.3em;
	padding: 5px;
	font-weight: 700;
}
table.features tr.odd td {
    background-color: #E5F0FA;
}

table.features td span {		
	color: #A41D1B;
}
table.features tr td.legend {
    font-weight: 100;
}


div.tooltip {
    position: absolute;
    z-index: 100;
    width: 260px;
    padding: 0 0 0 7px;
    background: url(/incl/img/bubble_border.png) no-repeat left top;
}
div.tooltip p {
    width: 240px;
    padding: 6px 10px;
    border: 1px solid #CCC;
    border-left: none;
    background: #FFF url(/incl/img/bg_bubble.png) repeat-x left bottom;
}

div#tt-mail {
    top: 400px;
    left: 248px;
    display: none;
}
div#tt-sms {
    top: 479px;
    left: 248px;
    display: none;
}
div#tt-cal {
    top: 400px;
    left: 470px;
    display: none;
}
div#tt-fax {
    top: 479px;
    left: 470px;
    display: none;
}

div.status {
	margin-top: 36px;
}

.red_css_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:14px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
	line-height:15px;
}.red_css_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
	text-decoration:none;
}.red_css_button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.css_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #0066cc) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #0066cc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#0066cc');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #136ec9;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #136ec9;
}.css_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0066cc), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #0066cc 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cc', endColorstr='#79bbff');
	background-color:#0066cc;
	text-decoration:none;
}.css_button:active {
	position:relative;
	top:1px;
	text-decoration:none;
}
/* This imageless css button was generated by CSSButtonGenerator.com */