/***************************************************************************
*                                                                          *
* contented1 - An open source xhtml/css website template by Contented      *
* Designs.  You're free to modify it and use it for any purpose without    *
* cost or obligation. We'd prefer that you leave the link to our website   *
* in the footer but it's not required.                                     *
*                                                                          *
* If you have comments or questions, please contact us at                  *
* http://www.ContentedDesigns.com. Thanks!                                 *
*                                                                          *
***************************************************************************/

* {
	padding:0;
	margin:0;
}


.container {
        position: fixed;
	width: 280px;
	height: 200px;
	bottom: 5%;
	left: 76%;
        border: none;
        background-color: transparent;
}

.ui-orderlist .ui-orderlist-list {
    width: 80px !important;
    height: 80px !important;
    padding: 0px !important;
    margin: 0px !important;
}


#containertop {
	position: fixed;
	width: 100%;
	height: 100px;
	top: 0%;
	left: 0%;
	background: #ecf2f5;
	border-radius: 3px;
	
}

.lower {
	background-color: transparent;
	width: 80%;
	height: 20px;
        border: none;
	
}
.frontpagebackground{
        background: url('http://www.smartx7.org/clock.jpg');
        background-repeat: no-repeat; 
        -webkit-font-smoothing: antialiased;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 1400px  1052px;

}

.ui-dock-container-top
{
    background: #dfeffc url("/SmartX7/javax.faces.resource/images/ui-bg_glass_85_dfeffc_1x400.png.xhtml?ln=primefaces-smartxseven") 50% 50% repeat-x !important;
    background-color: #dfeffc !important;
    border-bottom-right-radius:  9px;
    border-bottom-left-radius:  9px;
    border-color: #dfeffc !important;
    z-index: 100;
    
    
   
}

.ui-widget
{
    font-family: Roboto !important;
    
}

.ui-widget-header 
{
	font-family: Arial !important;
}

.ui-widget-header   ,
.ui-state-default {
    font-family: Arial !important;

}

.ui-widget input,
.ui-widget select,
.ui-widget textarea
{
	font-family: Roboto !important;
	font-size: 1em !important;
        background: none !important;
        
        
}


.s
{
    	font-family: Roboto !important;
	font-size: 1em !important;
        background: none !important;
    
}

body {
        font-size: 11px;
    	font-family:  Verdana, 'Arial Unicode MS', Tahoma, 'Lucida Sans Unicode';
	background-color: #FFFFFF;
    
        
}

.AExport
{
	font-weight: normal;
	font-size:  11px;
	color: black;
        background-color: #ecf2f5;
        border-radius: 10px;
	font-family: Verdana, 'Arial Unicode MS', Tahoma, 'Lucida Sans Unicode';
	text-decoration: none;
        font-weight:  bold;
}
	


A
{
	font-weight: normal;
	FONT-SIZE: 11px;
	color: #3366cc;
	font-family: Verdana, 'Arial Unicode MS', Tahoma, 'Lucida Sans Unicode';
	text-decoration: none;
}

A:hover
{
	color: black;	
}



.flatbutton {
	padding: 8px 8px;
	font-size: 12px;
	line-height: 100%;
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	
        -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
        background-color: #E2E1E1;
 	
}

    .demo-pricing {
	margin-top: 10px;
        padding: 8px 8px;
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	
        -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
        background-color: #E2E1E1;
        
	
}
.demo-pricing:active {
	padding-top: 15px;
        margin-bottom: -1px;
}


.demo-pricing-1 {
	background-color: #3fb8e8;
	box-shadow: 0px 3px 0px 0px #3293ba;
        font-size: 25px;
}
.demo-pricing-1:hover {
	background-color: #1baae3;
}
.demo-pricing-1:active {
	box-shadow: 0px 1px 0px 0px #3293ba;
}


.demo-pricing-2 {
	background-color: #f06060;
	box-shadow: 0px 3px 0px 0px #cd1313;
}
.demo-pricing-2:hover {
	background-color: #ed4444;
}
.demo-pricing-2:active {
	box-shadow: 0px 1px 0px 0px #cd1313;
}

.demo-pricing-3 {
	background-color: #ff6a80;
	box-shadow: 0px 3px 0px 0px #da0020;
}
.demo-pricing-3:hover {
	background-color: #ff566f;
}
.demo-pricing-3:active {
	box-shadow: 0px 1px 0px 0px #da0020;
}


.P{
    padding: 0px !important;
    font-size: 10px;
}

.ME{
    padding: 0px !important; 
    font-size: 10px;
    background-color:  #EAE1FA;
}

.A{
    padding: 1px !important; 
    font-size: 10px;
    background-color: #FFEAE6;
}

.W{
    padding: 1px !important; 
    font-size: 10px;
    background-color:  #FFFFCC;
}

.H{
    padding: 1px !important; 
    font-size: 10px;    
    background-color: #CC99CC;
}


h2 {
        font-family: 'Roboto Condensed', sans-serif;
    	font-weight: normal;
        font-size: 15px;
        
	
}

.L{
    padding: 1px !important; 
    font-size: 10px;
    background-color: #ccccff;
}
    
.PO{
    padding: 1px !important; 
    font-size: 10px;
    background-color: #ffcc99;
}

.N{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 3px;
    font-size: 8.5px;    
    color: black;
}

.R{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 3px;
    font-size: 8.5px;    
    color: red;
    
}

.ST{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    font-size: 8.5px;    
    color: black;
}