/*
######################################################################################################################
#
#	PURPOSE OF THIS FILE: FRONTEND.CSS
#	Provides the module CSS defintions to be used in the frontend (view.php)
#
#	INVOKED BY:
#	With WB 2.6.6 a new function was implemented which automatically links an external module frontend.css
#	file to the <head></head> section of a page. The frontend.css is optional. If you want make use
#	of this option, simply place a frontend.css file with the CSS definition into the module directory.
#
#	Website Baker versions below 2.6.6 will ignore this file!!!
# 	The frontend.css is invoked from the index.php of your template if you have added the following PHP code
#	lines to the index.php of your template: 
#	<head>
#	...
#	<?php
#	if(function_exists('register_frontend_modfiles')) {
#		register_frontend_modfiles('css');
#	} ?>
#	</head>
#	
#	NOTE:
#	All CSS styles, classes... have to stick to the following naming conventions:
#	mod_MODULE_DIRECTORY_XXXX_f
#
#	mod: shows that the CSS style is defined within a module
#	MODULE_DIRECTORY: unique identifier to prevent that CSS styles are overwritten by other modules
#	XXXX: your CSS style definition (e.g. emphasise, warning...)
#	f: identifier for the frontend
#
######################################################################################################################
*/

/*
  CSS definition for Website Baker module: Hello world
  Copyright (C) year, Authors name
  Contact me: author(at)domain.xxx, http://authorwebsite.xxx

  This CSS file is free software. You can redistribute it and/or modify it 
  under the terms of the GNU General Public License  - version 2 or later, 
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful, 
  but WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
  GNU General Public License for more details.
*/



#gas-electric-hover {
    display:none;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
    behavior: url(../../PIE.html); /* CSS3Pie hack for IE6/7/8 */
    border: 2px solid #BBB;
    width:110px;
    height:110px;
    color: #333;
    font-family: 'FrutigerRegular';
    position:absolute;
    top:180px;
    left:250px;
    z-index:10002;
}


.mod_etsregister_hint {
    border-bottom: 1px black dotted;
}

.mod_etsregister_emphasise_f {
  font-weight: bold;
  color: brown;
}

.mod_etsregister_warning_f {
  font-weight: bold;
  color: red;
}

.mod_etsregister_label {
    text-align:right;
    width:30%;
    /*width: 10em;*/

    float: left;
}

.mod_etsregister_label em {
    color:#1975CA;
}

.mod_etsregister_label span.small{
    color:#666666;
    display:inline;
    font-size:11px;
    font-weight:normal;
    text-align:right;
}

.mod_etsregister_fieldset {
    border-width:2px 0 0 0;
    border-style: solid;
    border-color:  #1975CA;
}

.mod_etsregister_fieldset input  {
    font-size:12px;
    padding:4px 2px;
    /*border:solid 1px #aacfe4;*/
    width:55%;
    margin:2px 0 0px 10px;
}

#ship_details p {margin:0px;}
#bill_details p {margin:0px;}
#personal_details p {margin:0px;}

.mod_etsregister_fieldset textarea {
    font-size:12px;
    padding:4px 2px;
    /*border:solid 1px #aacfe4;*/
    width:55%;
    margin:2px 0 20px 10px;
}

.quantity input.decinc {
    width: 20px;
    margin: 0px;
    padding: 0px 2px;
}

.mod_etsregister_fieldset select  {
    float:left;
    font-size:12px;
    padding:4px 2px;
    /*border:solid 1px #aacfe4;*/
    width:55%;
    margin:2px 0 0px 10px;
}

.mod_etsregister_fieldset p {
    clear:left
}

.warning {
    background-color:red;
    color: white;
}

.mod_etsregister_fieldset select {
    width: 57%;
 }

.mod_etsregister_fieldset input.required {background-color:#FDD017;}
.mod_etsregister_fieldset textarea.required {background-color:#FDD017;}
.mod_etsregister_fieldset select.required {background-color:#FDD017;}

#mod_etsregister_checkaddress p{
    margin:0 0 0 20px;
}

.registration_problem {
    margin-top:10px;
    text-align:center; 
    font-size:2em;
}


