#backtotop {
	cursor : pointer;
	display : none;
	position : fixed;
	left: 10px;
	bottom : 10px;
	padding	: 5px 10px;
	text-align : center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	color: #dedede;
	background: #e68a00;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	filter : alpha(opacity=60);
	-khtml-opacity : 0.6;
	-moz-opacity : 0.6;
	opacity	: 0.6;
	z-index	: 1000;
}
#backtotop:after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  margin-left:0.35em;
  width: 0;
  height: 0;
  border-left: 0.3em solid transparent;
  border-right:  0.3em solid transparent;
  border-bottom:  0.3em solid #fefefe;
}
#backtotop:hover
{
	filter : alpha(opacity=90);
	-khtml-opacity : 0.9;
	-moz-opacity : 0.9;
	opacity	: 0.9;
}

    /*******************
    ----MODAL POPUP-----
    *******************/

    .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }

        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 2px;
            border-style: solid;
            border-color: #e68a00;
            padding: 0 10px;
            padding-bottom: 10px;
            min-width: 400px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 10px;   
        }
        
        .modalPopup .formLabel
		{
		    font-size: small;
		    font-weight: bolder;
		}
		    
		.modalPopup .formInput 
        {
            padding: 4px 0;
            font-size: 1em;
        }
        
        .modalPopup .formDropdown 
		{
		    width:140px;
			padding: 4px 0;
			height: 28px;
			text-indent: 0;
			font-size: 1em;
		}
    
        .popupHeader
        {
            text-align:center;
        }
    
        .popupContent
        {
            text-align:center;
        }
    
            .popupHeader .h2
            {
                font-size:smaller;
            }
        
            .closeButton
            {
                position: absolute;
                float: left;
                padding: 0;
                top: -10px;
                right: 0;
            }
            
        .PopupLabelTitle
        {
            float:left;
            width:35%;
            margin: 3px -10px 3px 10px;
            padding: 3px 0;
            font-size:small;
            font-weight:bold;
            clear: left;
        }
        
        .PopupLabelContent
        {
            float:left;
            width:50%;
            margin: 0px -5px 0px 5px;
            padding: 3px 0;
            font-size:small;
            clear: right;
        }
        
            .formDropdown.Small 
            {
	            width: 65px;
	            padding: 1px 0;
	            height: 21px;
	            text-indent: 0;
	            font-size: small;
            }
        
            .formDropdown.DropDownRegular 
            {
	            width: 200px;
	            padding: 1px 0;
	            height: 21px;
	            text-indent: 0;
	            font-size: small;
            }
            
            .inputbox.TextBoxRegular 
            {
	            width: 200px;
	            min-width: 200px;
	            min-height: 20px;
	            max-width: 250px;
	            max-height: 150px;
                padding: 1px 0;
                font-size: small;
            }        

.LabelTitle
{
    float:left;
    width:30%;
    margin: 5px -50px 5px 50px;
    font-size:small;
    font-weight:bold;
    clear: left;
}

.labelContent
{
    float:left;
    width:70%;
    margin: 5px -25px 5px 25px;
    font-size:small;
    clear: right;
}

.LabelTitleSmall
{
    float:left;
    width:30%;
    margin: 2px 0px;
    font-size:1em;
    font-weight:bold;
    clear: left;
}

.labelContentSmall
{
    float:left;
    width:60%;
    margin: 2px 0;
    font-size:1em;
    clear: right;
}

.Inputlabel
{
    float: left;
    margin: 5px -25px 5px 25px;
    font-size: small;
    clear: right;
}

.progress
{
    font-size: x-small;
    margin-top: 10px;
    clear: both;
}

.inputbox, .formInput, .sideinput, .dateinput { 
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #dedede;
    -webkit-box-shadow:2px 2px 2px #d3cfc5 inset; 
    -moz-box-shadow:2px 2px 2px #d3cfc5 inset; 
    box-shadow:2px 2px 2px #d3cfc5 inset;
    height:20px;
    width: 100px;
    text-indent:5px;
    font-size: small;
    color: #666;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.inputbox[disabled]
{
    background:transparent !important;
    border:none;
    -webkit-box-shadow:none; 
    -moz-box-shadow:none;
    box-shadow:none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    color:inherit;
}

.listbox 
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #dedede;
    -webkit-box-shadow:2px 2px 2px #d3cfc5 inset; 
    -moz-box-shadow:2px 2px 2px #d3cfc5 inset; 
    box-shadow:2px 2px 2px #d3cfc5 inset;
    text-indent:5px;
    text-shadow: 0px 1px 0px #FFF;
    font-size: small;
    color: #666;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.checkbox
{
    font-size: 0.8em;
}

.validator
{
	font-size:x-small;
	font-weight: normal;
}

.button, .buttonDB, .buttonLeft, .buttonRight, .buttonFull, .buttonConfirm, .buttonCancel, .buttonConfirmNormal {
    display:inline;
    cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	color: #e68a00;
	padding: 3.5px 10px;
	background: #dedede;
	background: -moz-linear-gradient(
		top,
		#dedede 0%,
		#dedede);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dedede),
		to(#dedede));
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
   
    /*Transition*/
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}

.buttonConfirm, .buttonCancel, .buttonConfirmNormal
{
    font-size: 1.1em;
    padding: 5px 15px;
    color: #dedede;
	background: #e68a00;
	background: -moz-linear-gradient(
		top,
		#e68a00 0%,
		#e68a00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e68a00),
		to(#e68a00));
}

    .button:hover, .buttonLeft:hover, .buttonRight:hover, .buttonFull:hover {
		color: #dedede;
		background: #e68a00;
		background: -moz-linear-gradient(
			top,
			#e68a00 0%,
			#e68a00);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#e68a00),
			to(#e68a00));
	}
	
	.buttonConfirmNormal:hover 
	{
	    color: #dedede;
	    background: #74A300;
	    background: -moz-linear-gradient(
		    top,
		    #74A300 0%,
		    #74A300);
	    background: -webkit-gradient(
		    linear, left top, left bottom, 
		    from(#74A300),
		    to(#74A300));
	}
	
	.buttonConfirm:hover 
	{
	    color: #dedede;
	    background: #2EAD1D;
	    background: -moz-linear-gradient(
		    top,
		    #2EAD1D 0%,
		    #2EAD1D);
	    background: -webkit-gradient(
		    linear, left top, left bottom, 
		    from(#2EAD1D),
		    to(#2EAD1D));
	}
	
	.buttonCancel:hover 
	{
	    color: #dedede;
	    background: #FF0A0A;
	    background: -moz-linear-gradient(
		    top,
		    #FF0A0A 0%,
		    #FF0A0A);
	    background: -webkit-gradient(
		    linear, left top, left bottom, 
		    from(#FF0A0A),
		    to(#FF0A0A));
	}

.buttonDB
{
    padding: 5px 10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
}

    .buttonDB:hover 
    {
		color: #e68a00;
	}

.buttonDashHeader, .buttonDashNofication
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
	padding: 4px 5px;
	cursor:pointer;
	
	background: #bababa; /* Old browsers */
    background: -moz-linear-gradient(top,  #bababa 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bababa 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bababa 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bababa 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bababa 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
		        
    /*Transition*/
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;		        
}

.buttonDashNofication
{
    top: 5px;
}
        
.buttonDashHeader:hover, .buttonDashHeader:active, .buttonDashNofication:hover, .buttonDashNofication:active
{
    color: #ffffff;
    
	background: #e68a00; /* Old browsers */
    background: -moz-linear-gradient(top,  #e68a00 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e68a00), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e68a00 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e68a00 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e68a00 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e68a00 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68a00', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

        /*******************
		--Label Buttons-----
		*******************/	

        .labelButton
        {
            display:inline-block;
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 1em;
	        font-weight: bold;
	        text-decoration: none;
	        color: White;
	        padding: 5px 15px;
	        background: #dedede;
	        background: -moz-linear-gradient(
		        top,
		        #969496 0%,
		        #bab6ba);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#969496),
		        to(#bab6ba));
	        text-shadow: rgba(0,0,0,.4) 0 1px 0;
	        -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
        
        .green
        {
            background: Green;
	        background: -moz-linear-gradient(
		        top,
		        #34a845 0%,
		        #11633e);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#34a845),
		        to(#11633e));
        }
        .green:hover
        {
            color: White;
        }
        
        .aqua
        {
            background: Aqua;
	        background: -moz-linear-gradient(
		        top,
		        #2a8bd4 0%,
		        #194e7d);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#2a8bd4),
		        to(#194e7d));
        }
        
        .orange
        {
            background: Orange;
	        background: -moz-linear-gradient(
		        top,
		        #d49a08 0%,
		        #b05e23);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#d49a08),
		        to(#b05e23));
        }
        
        .blue
        {
            background: Blue;
	        background: -moz-linear-gradient(
		        top,
		        #0d15ff 0%,
		        #0a1f6b);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#0d15ff),
		        to(#0a1f6b));
        }
        
        .yellow
        {
            background: Yellow;
	        background: -moz-linear-gradient(
		        top,
		        #f4ff5c 0%,
		        #ccaa00);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#f4ff5c),
		        to(#ccaa00));
	        color: Black;
        }
        
        .teal
        {
            background: Teal;
	        background: -moz-linear-gradient(
		        top,
		        #15d494 0%,
		        #0b525e);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#15d494),
		        to(#0b525e));
        }
        
        .red
        {
            background: Red;
	        background: -moz-linear-gradient(
		        top,
		        #FF8989 0%,
		        #D62A2A);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#FF8989),
		        to(#D62A2A));
        }

		/*******************
		----TABLE---------
		*******************/			
					
		.table 
		{
		    float: left;
		    width: 100%;
			background-color: #f5f5f5;
			padding: 2px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 1px solid #ebebeb;
			margin-bottom: 10px;
		}
		.table td, .table th {
			padding: 1px 2px;
		}
		.table tr:first-child td, .table th 
		{
			font-size: 0.7em;
			text-shadow: 0 1px 0 white;
			color: #999;
		}
		.table td a
		{
		    color: #999;
		}
		.table tr:first-child td a, .table th a
		{
		    color: #999;
		}
		.table th, .table tr:first-child td {
			text-align: left;
			border-bottom: 1px solid #fff;
		}
		.table td {
			font-size: 0.66em;
		}
		.table td:hover {
			background-color: #fff;
			cursor: default;
		}
		.table tr:first-child:hover td {
			background-color: #f5f5f5;
			cursor: default;
		}
		.table tr:last-child:hover td 
		{
		    background-color: #f5f5f5;
			cursor: default;
		}
		
		    .pagination
            {
              line-height: 20px;
              font-size: 1.35em;
            }

            .pagination span
            {
              padding: 6px;
              text-decoration: none;
              white-space: nowrap;
              color: #e68a00;
              font-weight: bold;
            }

            .pagination a, 
            .pagination a:visited
            {
              text-decoration: none;
              padding: 6px;
              white-space: nowrap;
              color: #e68a00;
            }
            .pagination a:hover, 
            .pagination a:active
            {
              text-decoration: none;
              white-space: nowrap;
              color: #e68a00;
            }
            
        .table .buttonTable
        {
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 8.5px;
	        color: #ffffff;
	        padding: 2px 2px;

		    background: #bababa; /* Old browsers */
            background: -moz-linear-gradient(top,  #bababa 0%, #000000 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#000000)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #bababa 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #bababa 0%,#000000 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #bababa 0%,#000000 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #bababa 0%,#000000 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	        -moz-border-radius: 2px;
	        -webkit-border-radius: 2px;
	        border-radius: 2px;
	        -moz-box-shadow:
		        0px 1px 3px rgba(000,000,000,0.5),
		        inset 0px 0px 0px rgba(255,255,255,1);
	        -webkit-box-shadow:
		        0px 1px 3px rgba(000,000,000,0.5),
		        inset 0px 0px 0px rgba(255,255,255,1);
	        box-shadow:
		        0px 1px 3px rgba(000,000,000,0.5),
		        inset 0px 0px 0px rgba(255,255,255,1);
	        text-shadow:
		        0px -1px 0px rgba(000,000,000,0.4),
		        0px 1px 0px rgba(255,255,255,0.3);
		        
            /*Transition*/
            -webkit-transition: All 0.5s ease;
            -moz-transition: All 0.5s ease;
            -o-transition: All 0.5s ease;
            -ms-transition: All 0.5s ease;
            transition: All 0.5s ease;		        
        }
        
        .table .buttonTable:hover, .table .buttonTable:active 
        {
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 8.5px;
	        color: #ffffff;
	        padding: 2px 2px;
	        
	        background: #e68a00; /* Old browsers */
            background: -moz-linear-gradient(top,  #e68a00 0%, #000000 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e68a00), color-stop(100%,#000000)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #e68a00 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #e68a00 0%,#000000 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #e68a00 0%,#000000 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #e68a00 0%,#000000 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68a00', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	        -moz-border-radius: 2px;
	        -webkit-border-radius: 2px;
	        border-radius: 2px;
	        -moz-box-shadow:
		        0px 1px 3px rgba(000,000,000,0.5),
		        inset 0px 0px 0px rgba(255,255,255,1);
	        -webkit-box-shadow:
		        0px 1px 3px rgba(000,000,000,0.5),
		        inset 0px 0px 0px rgba(255,255,255,1);
	        box-shadow:
		        0px 1px 3px rgba(000,000,000,0.5),
		        inset 0px 0px 0px rgba(255,255,255,1);
	        text-shadow:
		        0px -1px 0px rgba(000,000,000,0.4),
		        0px 1px 0px rgba(255,255,255,0.3);
        }

/*******************
----MAIN---------
*******************/

#main {
	height: auto;
	width: 100%;
	overflow: hidden;
}

	#main h2 {
		font-size: medium;
		font-weight: bold;
	}

	#main h3 {
		font-size: small;
		font-weight: bold;
	}
	
	#main p {
		font-size: smaller;	
	}
	
	#main a {
		font-weight: bold;
	}

	#twocol_left {
		width: 15%;
		float: left;
		z-index: 10;
	}
	
	#twocol_main {
		width: 82.9%;
		margin-left: 10px;
		margin-right: 10px;
		float: right;
	}
	
	#threecol_left {
		width: 15%;
		float: left;
		z-index: 10;
	}
	
	#threecol_main {
		width: 67.5%;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#threecol_right {
		width: 15%;
		float: right;
		z-index: 10;
	}
	
		/*******************
		----SELECTOR---------
		*******************/
	
		.selector 
		{
		    float: left;
		    width: 100%;
			font-size: 0.75em;
		}
		
		    .radioList input[type="radio"], .checkboxlist input[type="checkbox"]
		    {
		        float: left;
		        margin: 0 7px 0 0;
		    }
			
		/*******************
		----SEARCH BOX---------
		*******************/
	
	    .search
        {
            width:130px;
            height:25px;
            padding:5px 30px 5px 15px;
            font-size:14px;
            color:#bababa;
            background:#f9f9f9 url("img/search.png") no-repeat;
            background-position: right 10px center;
            border:none;
            -webkit-box-shadow: inset 1px 1px 5px 0px rgba(221,221,221,1);
            -moz-box-shadow: inset 1px 1px 5px 0px rgba(221,221,221,1);
            box-shadow: inset 1px 1px 5px 0px rgba(221,221,221,1);
        }
	
		.searchbox 
		{
		    float: left;
		    width: 100%;
			font-size: 0.75em;
		}
		
			.searchbox .sideinput 
			{
			    float: left;
			    margin: 2px 0;
				width: 100%;
			}
			
			.searchbox .dropdown 
			{
			    float: left;
				margin: 2px 0;
				text-indent: 0;
                width: 100%;
			}
			
			.searchbox .dateinput 
			{
			    float: right;
			    margin: 0;
				width: 100px;
			}
			
			.searchbox .button
			{
			    float: left;
                width: 100%;
                margin: 2px 0;
                padding: 5px 0;
                text-align: center;
			}
			
			.searchbox .datelabel
			{
			    float: left;
			    width: 30%;
			    padding-bottom: 5px;
			}
			
			.searchbox .datetextbox
			{
			    float: right;
			    width: 70%;
			    padding-bottom: 5px;
			}
			
			.searchbox .listbox
			{
			    float:left;
			    width:100%;
			    height:200px;
			    margin-bottom: 5px;
			}
		
		/*******************
		----SIDE MENU---------
		*******************/
		
		/* Some stylesheet reset */
		.sidemenu > ul {
			list-style: none;
			position: relative;
			margin: 0;
			padding: 0;
			vertical-align: baseline;
			line-height: 1;
		}
		
		/* The container */
		.sidemenu > ul {
			display: block;
			position: relative;
			width: 130px;
		}
		
			/* The list elements which contain the links */
			.sidemenu > ul li {
				display: block;
				position: relative;
				margin: 0;
				padding: 0;
				width: 130px;	
			}
		
				/* General link styling */
				.sidemenu > ul li a {
					/* Layout */
					display: block;
					margin: 0;
					border-top: 1px dotted #CCC;
					border-bottom: 1px dotted #CCC;
					padding: 7px 7px;
					width: 130px;
		
					/* Typography */
					color: #e68a00;
					text-decoration: none;
					text-shadow: 0 1px 1px #FFF;
					font-size: 0.75em;
		
					/* Background & effects */
					background: #dedede;
				}
		
				/* Rounded corners for the first link of the menu/submenus */
				.sidemenu > ul li:first-child>a {
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
					border-top: 0;
				}
		
				/* Rounded corners for the last link of the menu/submenus */
				.sidemenu > ul li:last-child>a {
					border-bottom-left-radius: 4px;
					border-bottom-right-radius: 4px;
					border-bottom: 0;
				}
		
		
				/* The hover state of the menu/submenu links */
				.sidemenu > ul li>a:hover, .sidemenu > ul li:hover>a, .sidemenu > ul li.active a {
					color: #fff;
					text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
					background: #e79d1a;
					background: -webkit-linear-gradient(bottom, #e79d1a, #c18316);
					background: -ms-linear-gradient(bottom, #e79d1a, #c18316); 
					background: -moz-linear-gradient(bottom, #e79d1a, #c18316);
					background: -o-linear-gradient(bottom, #e79d1a, #c18316);
					border-color: transparent;
				}
		
				/* The arrow indicating a submenu */
				.sidemenu > ul .has-sub>a::after {
					content: '';
					position: absolute;
					top: 16px;
					right: -30px;
					width: 0px;
					height: 0px;
		
					/* Creating the arrow using borders */
					border: 4px solid transparent;
					border-left: 4px solid #e79d1a; 
				}
		
				/* The same arrow, but with a darker color, to create the shadow effect */
				.sidemenu > ul .has-sub>a::before {
					content: '';
					position: absolute;
					top: 17px;
					right: -30px;
					width: 0px;
					height: 0px;
		
					/* Creating the arrow using borders */
					border: 4px solid transparent;
					border-left: 4px solid #e79d1a;
				}
		
				/* Changing the color of the arrow on hover */
				.sidemenu > ul li>a:hover::after, .sidemenu > ul li:hover>a::after {
					border-left: 4px solid #fff;
				}
		
				.sidemenu > ul li>a:hover::before, .sidemenu > ul li:hover>a::before {
					border-left: 4px solid rgba(0, 0, 0, .3);
				}
		
				/* THE SUBMENUS */
				.sidemenu > ul ul, #MainContent_sidemenu1 > ul ul, #MainContent_sidemenu2 > ul ul {
					position: absolute;
					left: 140px;
					top: -9999px;
					padding-left: 5px;
					opacity: 0;
					/* The fade effect, created using an opacity transition */
					-webkit-transition: opacity .3s ease-in;
					-moz-transition: opacity .3s ease-in;
					-o-transition: opacity .3s ease-in;
					-ms-transition: opacity .3s ease-in;
				}
		
				/* Showing the submenu when the user is hovering the parent link */
				.sidemenu > ul li:hover>ul, #MainContent_sidemenu1 > ul li:hover>ul, #MainContent_sidemenu2 > ul li:hover>ul {
					top: 0px;
					opacity: 1;
				}

	#main #desc 
	{
        float:left;
	    width:100%;
	}
		
	#main #content 
	{
	    float:left;
	    width:100%;
	}
	
	    .loadingArea
	    {
	        position: absolute; 
	        text-align: center; 
	        height: 90%;
	        width: 100%;
	        z-index: 9999999;
	    }
	    
	        .loadingArea .loadingSpan
	        {
	            border-width: 0px; 
	            position: absolute; 
	            padding: 15px;
	            padding-left: 50px;
	            background-color: #000; 
	            opacity: 0.7; 
	            font-size: small;
	            top: 35%;
	            left: 35%;
	            -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                -khtml-border-radius: 4px;
                border-radius: 4px;
	        }
	        
	        .loadingArea .loadingImage
	        {
	            position: absolute;
	            left: 10px;
	            top: 8px;
	            margin:0;
	            padding:0;
	        }
	
	/*******************
    ----LOGIN---------
    *******************/
	
    #form
    {
        float: left;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	    .form2Col
	    {
	        float: left;
	        width: 860px;
	        padding: 0 50px;
            padding-top: 30px;
	    }
	    
	    .form2ColFooter
	    {
	        float: left;
	        width: 860px;
	        padding: 1px 50px;
	    }
	
	    .formCol
	    {
	        float: left;
	        width: 380px;
            padding: 0 50px;
            padding-top: 30px;
	    }
	    
	    .formColFooter
	    {
	        float: left;
	        width: 380px;
            padding: 1px 50px;
	    }
	    
	    .formColHeader
	    {
	        font-size: 1em;
	        padding: 10px 0;
	        font-weight: bold;
	        text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	    }
	    
	    .formColContent
	    {
	        margin:0;
	        overflow: hidden;
	    }
	    
	    #form p
	    {
	        clear: both;
	        overflow: hidden;
	    }
	    
	    #form .checkbox
        {
            font-size: 0.8em;
        }
			
		#form .errormsg, #form .validator
		{
			font-size:x-small;
			font-weight: normal;
        }
        
        #form .forgotPassword
        {
            float: right;
            font-size: 0.8em;
            font-weight: normal;
        }
			
		#form .formLabel
		{
		    font-size: small;
		    font-weight: bolder;
		}
		    
		#form .formInput 
        {
            width: 380px;
            padding: 4px 0;
            font-size: 1.2em;
        }
        
        #form .formDropdown 
		{
			width: 380px;
			padding: 4px 0;
			height: 28px;
			text-indent: 0;
			font-size: 1.2em;
		}
        
        #form .buttonFull
        {
            float: left;
            width: 100%;
            padding: 10px 0;
            font-size: 1.5em;
            text-align: center;
        }
        
        #form .buttonLeft
        {
            float: left;
            padding: 8px 30px;
            text-align: center;
            margin-right: 5px;
        }
        
        #form .buttonRight
        {
            float: right;
            padding: 8px 30px;
            text-align: center;
            margin-left: 5px;
        }
           
            
    /*******************
    ----DASHBOARD-------
    *******************/        
        
    .dashboard { float: left; width: 100%;}
    .dashboard .dashboard3col, .dashboard .dashboard2col, .dashboard .dashboardFull {width:100%; float:left; margin-bottom:10px;}
    
    .dashboardNotice
    {
        width:250px;
        overflow:hidden;
	    font-size: 0.95em;
	    text-decoration: none;
	    color: #e68a00;
	    padding: 5px 15px;
	    margin: 0;
	    background: #ffffff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
	    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        
        -moz-box-shadow: 0 1px 2px #d1d1d1;
	    -webkit-box-shadow: 0 1px 2px #d1d1d1;
	    box-shadow: 0 1px 2px #d1d1d1;
    }
    
    .dashboardButton
    {
        display:inline;
        cursor:pointer;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 1.1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #e68a00;
	    padding: 5px 15px;
	    background: #dedede;
	    background: -moz-linear-gradient(
		    top,
		    #dedede 0%,
		    #dedede);
	    background: -webkit-gradient(
		    linear, left top, left bottom, 
		    from(#dedede),
		    to(#dedede));
	    text-shadow:1px 1px 0 rgba(0, 0, 0, .25);
	    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        
        /*Transition*/
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
        -ms-transition: All 0.5s ease;
        transition: All 0.5s ease;
    }
    
        .dashboardButton:hover, .dashboardButton.selected
        {
		    color: #dedede;
		    background: #e68a00;
		    background: -moz-linear-gradient(
			    top,
			    #e68a00 0%,
			    #e68a00);
		    background: -webkit-gradient(
			    linear, left top, left bottom, 
			    from(#e68a00),
			    to(#e68a00));
	    }
	    
	    .dB_green
	    {
	        color: #dedede;
	        background: #2EAD1D;
	        background: -moz-linear-gradient(
		        top,
		        #2EAD1D 0%,
		        #2EAD1D);
	        background: -webkit-gradient(
		        linear, left top, left bottom, 
		        from(#2EAD1D),
		        to(#2EAD1D));
	    }
    
    .dashboardSectionTitle
    {
        float:left;
        width:100%;
        margin:0;
        font-size:1.2em; 
        font-weight:bold; 
        padding:0px 15px 10px 15px;
        color: #e79d1a;
	    text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
	    position:relative;
    }
    
    .image
    {
        position:absolute;
        right:40px;
        top:-10px;
    }
    
    .dashboardDBSelectorArea
    {
        float:left;
        width:100%;
        overflow:hidden;
        margin:0;
        padding:2px 0;
    }
    
    .dashboard2ColItem {float:left; width:50%; overflow:hidden; margin:0;}
    
    .dashboard2ColItem .LabelTitle
    {
        float:left;
        width:40%;
        margin: 2px 0;
        font-size:small;
        font-weight:bold;
        clear: left;
    }

    .dashboard2ColItem .labelContent
    {
        float:left;
        width:60%;
        margin: 2px 0;
        font-size:small;
        clear: right;
    }
    
    .dashboardItemBodySubSectionOdd
    {
        float:left; 
        width:100%; 
        border-bottom: 1px solid #cccccc;
        padding: 5px 10px;
	    background: #ffffff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
    }
    
    .dashboardItemBodySubSectionEven
    {
        float:left; 
        width:100%; 
        border-bottom: 1px solid #cccccc;
        padding: 5px 10px;
        background: #fafafa;
	    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    }
    
    .dashboard3colItem {float:left; width:33.333%; overflow:hidden; margin:0;}
    .dashboardColSmall 
    {
        float: left;
        width: 10%;
        overflow: hidden;
        margin: 0;
    }
    .dashboardColLarge 
    {
        float: left;
        width: 90%;
        overflow: hidden;
        margin: 0;
    }
 
    .dashboardItem 
    { 
        margin:0 6px 6px 6px; border:solid 1px #e7e7e7;
  	    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        height:100%;
    }
    .dashboardItemHeader, .dashboardItemSubHeader
    { 
        font-size:1.1em; 
        font-weight:bold; 
        padding:6px 15px;
        color: #fff;
	    text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
        border-width:1px;  
        border-color:transparent;  
        border-style:solid;
        background: #e79d1a;
	    background: -webkit-linear-gradient(bottom, #e79d1a, #c18316);
	    background: -ms-linear-gradient(bottom, #e79d1a, #c18316); 
	    background: -moz-linear-gradient(bottom, #e79d1a, #c18316);
	    background: -o-linear-gradient(bottom, #e79d1a, #c18316);
        -moz-border-top-left-radius:4px;
        -moz-border-top-right-radius:4px;
        -webkitborder-top-left-radius:4px;
        -webkitborder-top-right-radius:4px;
        -mozborder-top-left-radius:4px;
        -mozborder-top-right-radius:4px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        position:relative;
    }
        .dashboardItemSubHeader
        {
            font-size:0.9em; 
            font-weight:bold; 
            padding:4px 15px;
        }
        
    .dashboardItemHeaderOnly
    {
        font-size:1.1em; 
        font-weight:bold; 
        padding:6px 15px;
        color: #fff;
	    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
        border-width:1px;  
        border-color:transparent;  
        border-style:solid;
        background: #e79d1a;
	    background: -webkit-linear-gradient(bottom, #e79d1a, #c18316);
	    background: -ms-linear-gradient(bottom, #e79d1a, #c18316); 
	    background: -moz-linear-gradient(bottom, #e79d1a, #c18316);
	    background: -o-linear-gradient(bottom, #e79d1a, #c18316);
        -moz-border-radius:4px;
        -webkitborder-radius:4px;
        -mozborder-radius:4px;
        border-radius:4px;
    }
    .dashboardItemHeaderLoading
    {
        right:0;
        top:1px;
        position: absolute;
    }
    .dashboardItemHeaderButton
    {
        float: right;
        margin-top: -2px;
        margin-bottom: -4px;
    }

    .dashboardItemBody { margin:0; overflow:hidden;}

    .dashboardItemBody .inputbox
    {
        min-width: 100%;
        max-width: 100%;
        min-height: 50px;
    }
    
    .dashboardItemFooter
    {
        margin:0;
        overflow:hidden;
        padding: 10px 10px;
        border-top:1px solid #e0e0e0;
        background: #f2f2f2;
	    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
	    font-size: 0.9em;
	    font-weight:bold;
    }
    
    .dashboardItemFooter .dropdown 
	{
		float: left;
		margin: 2px 0;
		text-indent: 0;
        width: 100%;
	}
    
    .dashboardFooter {clear:both; width:100%; background-color:Red;}
    
    .accordionHeader
    { 
        font-size:0.9em; 
        font-weight:bold; 
        padding:4px 15px;
        color: #fff;
	    text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
        border-width:1px;  
        border-color:transparent;  
        border-style:solid;
        background: #e79d1a;
	    background: -webkit-linear-gradient(bottom, #e79d1a, #c18316);
	    background: -ms-linear-gradient(bottom, #e79d1a, #c18316); 
	    background: -moz-linear-gradient(bottom, #e79d1a, #c18316);
	    background: -o-linear-gradient(bottom, #e79d1a, #c18316);
        position:relative;
    }
    
    .dashboardFilterMenu
    {
        width: 910px;
        min-height: 100px;
        margin: 5px 0 0 0;
        font-size: x-small;
        color: #dedede;
        float: left;
        overflow: hidden;
    }
        
    .dashboardFilterMenuSection
    {
        width: 170px;
        float: left;
        padding: 0px 5px;
    }
        
    .border
    {
        min-height:175px;
        float:left;       
        border-left:1px dotted #dedede;
        padding:0;
        margin:0;
    }
        
    .dashboardFilterMenuSection .title
    {
        margin: 3px 0;
        font-size: small;
        font-weight: bold;
        text-align: center;
    }

    /*******************
    ----DASHBOARD TABLE-
    *******************/

    .tableDash>tbody>tr>td>a:link, .tableDash tr th a {
	    color: #666;
	    font-weight: bold;
	    text-decoration:none;
    }
    .tableDash>tbody>tr>td>a:visited, .tableDash tr th a:visited {
	    color: #999999;
	    font-weight:bold;
	    text-decoration:none;
    }
    .tableDash>tbody>tr>td>a:active,
    .tableDash>tbody>tr>td>a:hover,
    .tableDash tr th a:hover {
	    color: #e68a00;
	    text-decoration: none;
    }
    .tableDash {
	    /*color:#666;*/
	    font-size:0.7em;
	    text-shadow: 1px 1px 0px #fff;
	    background:#eaebec;
	    margin:0;
	    width: 100%;
	    border:#ccc 1px solid;

	    -moz-border-radius:3px;
	    -webkit-border-radius:3px;
	    border-radius:3px;

	    -moz-box-shadow: 0 1px 2px #d1d1d1;
	    -webkit-box-shadow: 0 1px 2px #d1d1d1;
	    box-shadow: 0 1px 2px #d1d1d1;
    }
    .tableDash th 
    {
        font-size: 1.1em;
	    padding:8px 2px;
	    border-top:1px solid #fafafa;
	    border-bottom:1px solid #e0e0e0;

	    background: #ededed;
	    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    }
    .tableDash tr:first-child th:first-child {
	    -moz-border-radius-topleft:3px;
	    -webkit-border-top-left-radius:3px;
	    border-top-left-radius:3px;
    }
    .tableDash tr:first-child th:last-child {
	    -moz-border-radius-topright:3px;
	    -webkit-border-top-right-radius:3px;
	    border-top-right-radius:3px;
    }
    .tableDash tr {
	    text-align: center;
	    padding-left:20px;
    }
    .tableDash>tbody>tr>td {
	    padding:6px;
	    border-top: 1px solid #ffffff;
	    border-bottom:1px solid #e0e0e0;
	    border-left: 1px solid #e0e0e0;
    }
    .tableDash tr:last-child td {
	    border-bottom:0;
    }
    .tableDash tr:last-child td:first-child {
	    -moz-border-radius-bottomleft:3px;
	    -webkit-border-bottom-left-radius:3px;
	    border-bottom-left-radius:3px;
    }
    .tableDash tr:last-child td:last-child {
	    -moz-border-radius-bottomright:3px;
	    -webkit-border-bottom-right-radius:3px;
	    border-bottom-right-radius:3px;
    }
    .tableDash>tbody>tr:hover>td {
	    background: #ffffff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
    }
    .tableDashHover
    {
        background: #ffffff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
    }
    .tableDashRow
    {
        background: #fafafa;
	    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    }
    
        .tableDashPagination
        {
            line-height: 7px;
            font-size: 1.2em;
        }

        .tableDashPagination span
        {
            padding: 6px;
            text-decoration: none;
            white-space: nowrap;
            color: #666;
            font-weight: bold;
        }

        .tableDashPagination a, 
        .tableDashPagination a:visited
        {
            text-decoration: none;
            padding: 6px;
            white-space: nowrap;
            color: #e68a00;
        }
        .tableDashPagination a:hover, 
        .tableDashPagination a:active
        {
            text-decoration: none;
            white-space: nowrap;
            color: #e68a00;
        }
        
    .tableDash .buttonFull:hover
    {
        color: #dedede;
    }
        
    /*******************
    ----CUSTOMER DASHBOARD---
    *******************/
    
    .dashboardCustomerSelectorArea
    {
        float:left;
        width:950px;
        margin:0 10px 0 0;
        padding:0px 5px 10px 5px;
    }
    
    .dashboardCustomerSelectorArea .formInput 
    {
        width: 450px;
        padding: 4px 0;
        font-size: 1.1em;
    }
    
    .dashboardCustomerSelectorArea .formLabel, .dashboardJobSelectorArea .formLabel
	{
		font-weight: bolder;
	}
	
	.dashboardJobSelectorArea
	{
	    margin:0 10px 0 0;
	    padding:0px 5px 10px 5px;
	}
	
	.dashboardJobSelectorArea .formInput
	{
	    padding: 4px 0;
	    font-size: 1.1em;
	}

    .autocomplete_completionListElement 
    {  
        min-width: 400px!important;
	    margin : 0px!important;
	    z-index: 99999999!important;
        cursor : pointer ;
        overflow : auto ;
        text-align : left ;
        list-style-type : none ;
        padding: 0;
        border-style: solid;
        border-color: inherit;
        border-width: thin;
        text-indent: 5px;
        font-size: small;
        font-weight:bold;
        color: #e68a00;
	    background: #dedede;
	    background: -moz-linear-gradient(
		    top,
		    #dedede 0%,
		    #dedede);
	    background: -webkit-gradient(
		    linear, left top, left bottom, 
		    from(#dedede),
		    to(#dedede));
	    text-shadow:
		    0px 0px 0px rgba(000,000,000,0),
		    0px 0px 0px rgba(255,255,255,0);
	    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }

    /* AutoComplete highlighted item */

    .autocomplete_highlightedListItem
    {
        background-color: #ffffff;
	    color: Green;
	    padding: 1px;
    }

    /* AutoComplete item */

    .autocomplete_listItem 
    {
	    padding : 1px;
    }
    
    .PopupLabelContent .formInput, .dashboardItem .formInput
    {
        width: 100px;
        padding: 1px 0;
        font-size: small;
    }

/*******************
----ACCOUNT DETAILS---
*******************/

.accountarea
{
    float:left;
    width:100%;
    padding: 0 10px;
}

    .accountarea .formLabel
    {
	    font-size: small;
	    font-weight: bolder;
    }
    
    .accountarea .formLabelNormal
    {
	    font-size: small;
    }
		    
    .accountarea .formInput 
    {
        width: 200px;
        padding: 1px 0;
        font-size: small;
    }
        
    .accountarea .formDropdown 
    {
	    width: 200px;
	    padding: 1px 0;
	    height: 21px;
	    text-indent: 0;
	    font-size: small;
    }
    
    .accountarea .formSelector 
	{
		font-size: small;
	}
	
	.accountarea .button
	{
	    float: left;
        padding: 8px 30px;
        text-align: center;
        margin-right: 5px;
	}
	
.AccountAreaRow
{
    float:left;
    width:100%;
}

.AccountDetailsTitle
{
    float:left;
    width:140px;
    padding: 5px 0;
}

.AccountDetailsData
{
    float:left;
    width:800px;
    padding: 5px 0;
}

.AccountDetailsFooter
{
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom:30px;
}

.AccountDetailsCol
{
    float:left;
    width:470px;
}

.AccountDetailsCol2
{
    float:left;
    width:429px;
    padding: 0 20px;
    border-left: 1px solid #cccccc;
}

.AccountDetailsGrid
{
    float:left;
    width:400px;
}

.AccountDetailsDataSmall
{
    float:left;
    width:200px;
    padding: 5px 0;
}

    .AccountDetailsDataSmall .button
    {
        padding:5px 0;
    }

.ManageUsersCol
{
    float:left;
    width:50%;
}

.ManageUsersCol2
{
    float:left;
    width:50%;
    border-left: 1px solid #cccccc;
    overflow:hidden;
}

.ManageUsersGrid
{
    float:left;
    width:90%;
    margin-bottom: 10px;
}

/*******************
-------------
*******************/

.hiddencol
{
    display: none;
}
        
.details
{
    width:100%;
    float:left;
    background:#fafafa;
    margin: 5px 0;
    padding: 5px;
    border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

/*******************
--------FAQ---------
*******************/

.category_menu
{
    float:left;
    clear:both;
    margin:2px 0;
    font-weight:normal;
    font-size:normal;
}

.category
{
    float:left;
    clear:both;
    margin:20px 0 10px 0;
    font-weight:bold;
    font-size:0.9em;
}

    .category:hover
    {
        color:#e68a00;
    }

.faq_accordion
{
    float:left;
    clear:both;
    width:100%;
}

.faq_accordion_header
{ 
    font-size:0.8em; 
    font-weight:bold; 
    padding:4px 15px;
    color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
    border-width:1px;  
    border-color:transparent;  
    border-style:solid;
    background: #e79d1a;
	background: -webkit-linear-gradient(bottom, #e79d1a, #c18316);
	background: -ms-linear-gradient(bottom, #e79d1a, #c18316); 
	background: -moz-linear-gradient(bottom, #e79d1a, #c18316);
	background: -o-linear-gradient(bottom, #e79d1a, #c18316);
    position:relative;
}

.faq_accordion_content
{
    font-size:0.8em;
    padding:5px;
    border-width:1px;  
    border-color:#cccccc;  
    border-style:solid;
}

/*******************
---Notification----
*******************/

.notification
{
    width:130px;
    height:90px;
    margin:20px 0;
    padding: 7px;
    font-size:0.7em;
    color: White;
    float:left;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.45);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.45);
    background: #2bff63; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #2bff63 0%, #05a80a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2bff63), color-stop(100%,#05a80a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #2bff63 0%,#05a80a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #2bff63 0%,#05a80a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #2bff63 0%,#05a80a 100%); /* IE10+ */
    background: linear-gradient(135deg,  #2bff63 0%,#05a80a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bff63', endColorstr='#05a80a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

/*******************
---App Form----
*******************/

.appButton {
	-moz-box-shadow: 1px 1px 3px 0px #828282;
	-webkit-box-shadow: 1px 1px 3px 0px #828282;
	box-shadow: 1px 1px 3px 0px #828282;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e68a00), color-stop(1, #cc8406) );
	background:-moz-linear-gradient( center top, #e68a00 5%, #cc8406 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e68a00', endColorstr='#cc8406');
	background-color:#e68a00;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:2px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	height:60px;
	line-height:60px;
	width:150px;
	text-decoration:none;
	text-align:center;
}
.appButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc8406), color-stop(1, #e68a00) );
	background:-moz-linear-gradient( center top, #cc8406 5%, #e68a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc8406', endColorstr='#e68a00');
	background-color:#cc8406;
}.appButton:active {
	position:relative;
	top:1px;
}

.balloonPopup
{
    float:left;
    background-color: #FFFFFF;
    border: 1px solid black;
    width: 150px;
    height: 150px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    vertical-align: middle;
    text-align: left;
}