body.admin
{
    font-family: Arial;
	color: #000000;
	margin: 0px;
	font-size:10pt;
	background-image:url("images/bgadmin.jpg");
    background-repeat:repeat-y;
    background-position: center top;
    background-color:#ffffff;
}

div#admaincontainer
{
   padding:10px;
}

#adcontent
{
    padding:20px;
    background-color:#ffffff;
}

div#adheader
{
   margin-bottom:60px; 
}

div#adtopnav
{
    background-color:#333333;
    color:#ffffff;
    height:20px;
    padding:10px;
    
}

#adtopnav a, #adtopnav a:link
{
    color:#ffffff;
    text-decoration:none;
    margin-right:10px;
}

#adtopbanner
{
    height:100px;
    background-color:#999999;
    padding:10px;
    color:#ffffff;
    font-size:14pt;
    
}
.adcompany
{
    display:block;
    font-size:8pt;
    color:#b60000;
}

#adcontent h1, #adcontent h2, #adcontent h3, #adcontent h4, #adcontent h5
{
    font-family:Arial;
    color:#666666;
    font-weight:normal;
}

#adcontent h1{font-size:18pt;}
#adcontent h2{font-size:12pt;}
#adcontent h3{font-size:10pt;}

/*grid*/

.grid td
{
    padding:10px;
}

.gridrow td
{
    padding:10px;
    border-top:1px solid #ccd8e8;
    border-bottom:1px solid #ccd8e8;
}

.gridrow .griditem img
{
    float:left;
    margin-right:10px;
}

.gridrow .griditem .title
{
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
    color:#333333;
}

.gridrow .griditem .buttons
{
    margin-left:30px;
    margin-top:10px;
    color:#333333;
}

.gridrow .griditem .buttons a, .gridrow .griditem .buttons a:link
{
    color:#333333;
}

.gridrow .griditem .buttons a:hover
{
    text-decoration:none;
}


.gridpager td
{
    padding:10px;
}

.gridheader th
{
    padding:10px;
}

/*end grid */

/*popup start*/

div.adminpopup
{
    position:absolute;
    border:2px solid #333333;
    border-top:30px solid #333333;
    z-index:1000;
    top:50px;
    left:10px;
    right:10px;
    background-color:#ffffff;
    padding:10px;
    box-shadow: 0 0 10px rgba(51, 51, 51, 1);
	-webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 1);
	-moz-box-shadow: 0 0 10px rgba(51, 51, 51, 1);
}

.popup .closebutton
{
    position:absolute;
    right:5px;
    top:-25px;
}

.modal
{
	background-color: #333333;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
    z-index:800;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}


/*popup end*/

div.editmode
{
    position:absolute;
    top:0px;
    background-color:#333333;
    z-index:100;
    
    left:0px;
    right:0px;
    padding:10px;
}

.editmode a, .editmode a:link
{
    text-decoration:none;
    color:#ffffff;
    font-size:10pt;
    font-weight:normal;
   /* border:solid 1px #666666;*/
    padding:2px 6px;
}

.editmode a:hover
{
    background-color:#666666;
}

.button
{
    color:#0e5783;
    font-weight:bold;
    font-size:10pt;
    padding:0px 6px;
    text-decoration:none;
    
}

.button:hover
{
    color:#0e5783;
}

/* form element*/

fieldset.formelement
{
    padding:10px;
    border:3px solid #cccccc;
    background-color:#ffffff;
    margin:0px;
    margin-top:10px;
    margin-bottom:20px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
}

.formelement legend
{
    padding:5px;    
    font-size:12pt;
    font-weight:bold;
    background-color:#ffffff;
    color:#333333;
    
}

.formelement .fieldwrapper .help
{
	display:block;
	background-color:#cccccc;	
	padding:10px;
	color:#666666;
	margin:0px; 
}

.formelement .fieldwrapper .error
{
	display:block;
	background-color:#cccccc;	
	padding:10px;
	color:#333333;
	font-weight:bold;
	margin:0px; 
	
}

.formelement .fieldwrapper
{
    border:2px solid #cccccc;
    padding:0px;
    margin-bottom:5px;
    width:100%;
}

.formelement .fieldcontainerleft
{
    float:left;
    margin-right:10px;
}

.formelement .fieldcontainer label, .formelement .fieldcontainerleft label
{
    display:inline;
    font-weight:normal;
    float:left;
    width:100px;
}

.formelement .fieldcontainer input[type="text"], .formelement .fieldcontainerleft input[type="text"]
{
    width:200px;
    border: 1px solid #c3c3c3;
}

.formelement label
{
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    font-weight:bold;
}

.formelement .checkbox label
{
    display:inline;
    font-weight:normal;
}

.formelement input[type="text"], .formelement textarea, .formelement input[type="password"]
{
    display:block;
    width:660px;
    padding:5px;
    border:none;
    margin:0px;
}

.formelement texarea
{
    font-family:verdana;
}

.formelement .fieldwrapperch
{
    border:2px solid #cccccc;
    padding:0px;
    width:400px;
}

.formelement .fieldwrapperch .contentheader
{
    width:390px;
}

.formelementnarrow
{
    width:auto;
    display:block;
    
}

/* form element*/

/*products*/

#productslist
{
    margin-left:200px;
}


#adcontent .adpanel
{
    position:relative;
    padding:5px 10px;
    border:1px solid #CCCCCC;
    color:#666666;
    height:170px;
    font-size:9pt;
    overflow:hidden;
    float:left;
    margin:10px;
}

 #adcontent .adpanel h2
{
    font-size:12pt;
    color:#666666;
    background-color:#ffffff;
    margin:0px;
    margin-bottom:5px;
    padding:0px;
}


.adproductlisting
{
    margin-top:20px;
    margin-bottom:20px;
}

.adproductlisting .adproductitem
{
    padding-top:10px;
    width:280px;
    margin-bottom:20px;
}



.adproductlisting .adproductitem h2, .adproductlisting .adproductitem a, .adproductlisting .adproductitem a:link
{
    color:#666666;
    font-size:12pt;    
}

.adproductlisting .adproductitem .partno
{
    position:absolute;
    right:10px;
    bottom:60px;
    color:#666666;
    font-size:11pt;
    float:right;
}

.adproductlisting .adproductitem .price
{
    position:absolute;
    bottom:40px;
    right:10px;
    color:#666666;
    font-size:14pt;
    float:right;
    font-weight:bold;
}

.adproductlisting .adproductitem .vat
{
    font-size:8pt;
    vertical-align:super;
}

.adproductlisting .adproductitem .from
{
    font-size:8pt;
    vertical-align:super;
}


.adproductlisting .adproductitem .buttons
{
    position:absolute;
    bottom:5px;
    background-color:#333333;
    color:#ffffff;
    padding: 5px;
    left:5px;
    right:5px;
}

.adproductlisting .adproductitem .buttons a, .adproductlisting .adproductitem .buttons a:link
{
    color:#ffffff;
    font-size:10pt;
    border-right:solid 1px #ffffff;
    padding:5px;
}

/*end products*/

/*info bar start*/

.success
{
    background-color:#339900;
    color:#ffffff;
    font-size:12pt;
    padding:10px;
    border:1px solid #33cc00;
    border-radius:5px;
    margin-bottom:10px;
}

.fail
{
    background-color:#b6004c;
    color:#ffffff;
    font-size:10pt;
    padding:10px;
    border:1px solid #33cc00;
    border-radius:5px;
    margin-bottom:10px;
}

/*info bar end*/

/* Page */

#ordercontainer {
    background-color:#dbdbdb;
    padding:20px;
}

#page {
    width:888px;
    min-height:1066px;
    position:relative;
    margin:0 auto;
    box-shadow: 0 0 10px rgba(51, 51, 51, 1);
    -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 1);
    -moz-box-shadow: 0 0 10px rgba(51, 51, 51, 1);
    background-color:#ffffff;
    padding:50px;
}

 #page .partadd .bubble
{    
	position: relative;	
	width:100%;
	top:10px;
    border:solid 2px #c3c3c3;
	background-color: #ffffff ;
	color:#000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	width:auto;
	z-index:9;	
}

#page .partadd .bubble .inner
{    
	padding:10px;
}

#page .partadd .bubble:before,  #page .partadd .bubble:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

#page .partadd .spe:before
{
	left: 25px;
	bottom: -20px;
	border: 10px solid;
	border-color: #c3c3c3 transparent transparent transparent  ;
}

#page .partadd .spe:after
{
	left: 27px;
	bottom: -15px;
	border: 8px solid;
	border-color: #ffffff  transparent  transparent   transparent ;
	
}


.partclose 
{
    position:absolute;
    right:10px;
}

.partstable .partsheader, .partstable .partsheaderhover
{
    border-bottom:1px solid #000000;
    padding:5px;
}

.partstable .partsrow td, .partstable .partshover td, .partstable .partsheader th, .partstable .partsheaderhover th 
{
    padding:10px;
}
.partstable .partsheaderhover th
{
    background-color:#dbdbdb;
}


.partstable .partshover
{
    background-color:#dbdbdb;
}


.partstable .partsrow .buttons, .headerbuttons
{
    position:absolute;
    width:800px;
    display:none;
}

.partstable .partshover .buttons, .partstable .partsrow .editbuttons, .headerbuttons
{
    position:absolute;
    width:800px;

}

.partstable .partshover .buttons  .bubble,  .partstable .partsrow .editbuttons .bubble
{
	position: absolute;	
	width:300px;
	top:-10px;
	background-color: #333333;
	color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	width:auto;
	z-index:9;	
    border:0px;
}
.headerbuttons .bubble {
    position: absolute;
    width: 800px;
    top: -40px;
    left:50px;
    background-color: #333333;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    width: auto;
    z-index: 9;
    border:0px;
}

.headerbuttons .spe:after
{
	left: 27px;
	bottom: -15px !important;
	border: 8px solid;
	border-color:#333333  transparent  transparent  transparent ;
	
}

.headerbuttons .spe:before
{
	border:0px;
	
}

.partstable .partshover .buttons .bubble .inner ,  .headerbuttons .bubble .inner
{    
	padding:5px;
}

.partstable .partshover .buttons .bubble a, .partstable .partsrow .editbuttons .bubble a,  .headerbuttons .bubble a
{
    color:#ffffff;
    padding: 0px 5px;

}

.partstable .partshover .buttons .bubble:before,  .partstable .partshover .buttons  .bubble:after,  .headerbuttons .bubble:after, .headerbuttons .bubble:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

.partstable .partshover .buttons  .speech:after 
{
	left: 27px;
	top: -15px;
	border: 8px solid;
	border-color: transparent  transparent #333333  transparent ;
	
}

.partstable .partshover .buttons .speech:before {
    border:0px;
}

/*Page end*/

/*Display form*/

.displayform label {
    width:100px;
    margin:0px;
    padding:10px;
    display:inline-block;
    background-color:#dbdbdb;
    font-size:10pt;
    font-weight:bold;
}

.displayform .detail {
    padding:10px;
    font-size:12pt;
}


#ordernotes {
    margin-top:50px;
    padding-top:40px;
    border-top:1px solid #333333;
}

#outstanding {
    position:absolute;
    top:60px;
    right:50px;
    font-size:20pt;
    padding:10px;
    background-color:#b60003;
    color:#ffffff;
}
/*display form end*/