﻿/*a img { border-style: none;}

.buttonsWrapper {}

.imageButtonStyle
{
    border: solid 1px #ccc;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    background-color: #efefef;
    
}

p.gridButtonsWrapper { padding: 0px;margin: 0px;text-align: center;}

a.imageButtonStyle { color: #555;
    margin-bottom: 0px;
}    
a.imageButtonStyle:hover { color: #222;border: solid 1px #aaa;background-color: #cfcfcf;}

.imageButtonStyle img{ margin-right: 5px;float: left;}
.imageButtonStyle span {float: left;}


.rounded5px 
{
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.shadow 
{
	-moz-box-shadow: 4px 4px 95px #000;
	-webkit-box-shadow: 4px 4px 95px #000;
	box-shadow: 4px 4px 95px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


.clearer {display: block;width: 100%;clear: both;}
.spacer { padding-left: 10px;padding-right: 10px;}


.gridView { width: 100%;text-align: left;color: #6b6b6b;}
.gridView td, .gridView th {padding: 4px;border: solid 1px #d9d9d9;}
.gridView th{ text-align: left;padding-top: 8px;padding-bottom: 8px;}
.gridView th.aligncenter { text-align: center;}
.gridView td input { width:90%;}

.gridViewHeader{ background-color: #cdcdcd;}
.gridViewRowItem{ background-color: #fff;}
.gridViewAltItem{ background-color: #f0f0f0;}
.gridViewPager { text-align: center;}
.gridViewPager table { margin: 0 auto;}
.gridViewPager a { color: #6b6b6b;}
.gridViewPager span { color: #6b6b6b;font-weight: bold;}
*/


/*** CSS Styles Classes ***/
a img { border-style: none;}
.bold { font-weight: bold;}
.fontnormal { font-weight: normal;}
.fontsize8 { font-size: 8pt;}
.fontsize9 { font-size: 9pt;}
.fontsize10 { font-size: 10pt;}
.fontsize11 { font-size: 11pt;}
.fontsize12 { font-size: 12pt;}

.alignleft { text-align: left;}
.alignright { text-align: right;}
.aligncenter { text-align: center;}

.min100{ min-width: 100px;}
.min100-float-left{ min-width: 100px;float: left;}
.min50percent-float-left{ min-width: 50%;float: left;}

.padding2 { padding: 2px;}
.padding5 { padding: 5px;}
.padding7 { padding: 7px;}
.padding10 { padding: 10px;}
.padding20 { padding: 20px;}
.padding30 { padding: 30px;}

.paddingtop2 { padding-top: 2px;}
.paddingtop5 { padding-top: 5px;}
.paddingtop7 { padding-top: 7px;}
.paddingtop10 { padding-top: 10px;}
.paddingtop15 { padding-top: 15px;}
.paddingtop20 { padding-top: 20px;}
.paddingtop30 { padding-top: 30px;}
.paddingtop50 { padding-top: 50px;}

.paddingright2 { padding-right: 2px;}
.paddingright5 { padding-right: 5px;}
.paddingright7 { padding-right: 7px;}
.paddingright10 { padding-right: 10px;}
.paddingright20 { padding-right: 20px;}
.paddingright30 { padding-right: 30px;}
.paddingright60 { padding-right: 60px;}

.paddingleft2 { padding-left: 2px;}
.paddingleft5 { padding-left: 5px;}
.paddingleft7 { padding-left: 7px;}
.paddingleft10 { padding-left: 10px;}
.paddingleft20 { padding-left: 20px;}
.paddingleft30 { padding-left: 30px;}
.paddingleft130 { padding-left: 30px;}

.paddingbottom2 { padding-bottom: 2px;}
.paddingbottom5 { padding-bottom: 5px;}
.paddingbottom7 { padding-bottom: 7px;}
.paddingbottom10 { padding-bottom: 10px;}
.paddingbottom20 { padding-bottom: 20px;}
.paddingbottom30 { padding-bottom: 30px;}

.marginleft5 { margin-left: 5px;}
.marginleft10 { margin-left: 10px;}
.marginleft20 { margin-left: 20px;}
.marginleft30 { margin-left: 30px;}

.margintop2 { margin-top: 2px;}
.margintop5 { margin-top: 5px;}
.margintop7 { margin-top: 5px;}
.margintop10 { margin-top: 10px;}
.margintop20 { margin-top: 20px;}
.margintop30 { margin-top: 30px;}

.marginbottom5 { margin-bottom: 5px;}
.marginbottom10 { margin-bottom: 10px;}
.marginbottom20 { margin-bottom: 20px;}
.marginbottom30 { margin-bottom: 30px;}

.marginright5 { margin-right: 5px;}
.marginright10 { margin-right: 10px;}
.marginright20 { margin-right: 20px;}
.marginright30 { margin-right: 30px;}
.marginright60 { margin-right: 60px;}
.margin-center-element { margin: 0 auto;}
.marginforCentering{ margin: 0 auto;}
.floatleft { float: left;}
.floatright { float: right;}
.width98percent { width: 98%;}
.width99percent { width: 99%;}
.width100percent { width: 100%;}
.width90percent { width: 90%;}
.width80percent { width: 80%;}
.width70percent { width: 70%;}
.width60percent { width: 60%;}
.width50percent { width: 50%;}
.width48percent { width: 48%;}
.width40percent { width: 40%;}
.width30percent { width: 30%;}
.width20percent { width: 20%;}
.width10percent { width: 10%;}

.width10 { width: 10px;}
.width25 { width: 25px;}
.width50 { width: 50px;}
.width60 { width: 60px;}
.width70 { width: 70px;}
.width80 { width: 80px;}
.width100 { width: 100px;}
.width120 { width: 120px;}
.width150 { width: 150px;}
.width180 { width: 180px;}
.width200 { width: 200px;}
.width250 { width: 250px;}
.width300 { width: 300px;}
.width320 { width: 320px;}
.width350 { width: 350px;}
.width500 { width: 500px;}
.width650 { width: 650px;}

.hidden{ display: none;}
.bordershow { border: solid 1px red;}
.noborder { border-style: none;}
.floatright { float: right;}
.block { display: block;}
.inline { display: inline;}
.inline-block { display: inline-block;}

.marginleftneg10 { margin-left: -10px;}
.width50percent { width: 50%;}
.nowrap { white-space: nowrap; }

.rounded5px 
{
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.shadow 
{
	-moz-box-shadow: 4px 4px 95px #000;
	-webkit-box-shadow: 4px 4px 95px #000;
	box-shadow: 4px 4px 95px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}




.clearer {display: block;width: 100%;clear: both;font-size: 1px;}
.spacer { padding-left: 10px;padding-right: 10px;}


.m-xxs { margin: 2px 4px; }
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m { margin: 15px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }
.m-xl { margin: 50px; }
.m-n { margin: 0 !important; }
.m-l-none { margin-left: 0; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 40px; }
.m-l-n-xxs { margin-left: -1px; }
.m-l-n-xs { margin-left: -5px; }
.m-l-n-sm { margin-left: -10px; }
.m-l-n { margin-left: -15px; }
.m-l-n-md { margin-left: -20px; }
.m-l-n-lg { margin-left: -30px; }
.m-l-n-xl { margin-left: -40px; }
.m-t-none { margin-top: 0; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px; }
.m-t-n-sm { margin-top: -10px; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-r-none { margin-right: 0; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-b-none { margin-bottom: 0; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }