html {
	color: #fff;
	background: #222;
	background-image: -webkit-gradient(radial,
                            50% 0, 10,
                            50% 0, 400,
                            from(rgba(255, 255, 255, 0.3)),
                            to(rgba(255, 255, 255, 0)));
    background-repeat: no-repeat;
}
body {
	margin: 1em;
	min-height: 600px;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, arial, sans-serif
}
/*   this is a class that keeps divs on the same line,  after the last div using the class we add:   <br clear="left" />   
also keep left and right on the same line search ipadkiosk.asp page for: <span style="float:left;width:150px;"><h2>Local Records</h2></span>     */
.sameliner {
width: 120px;
float: left;
} 



label {
		font-size: 12px;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #fff;
		text-shadow: #000 1px 1px;
		margin-bottom: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		display: block; 
	}
.labelemail {
       
		font-size: 12px;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #fff;
		padding-top: 5px;
		letter-spacing: 1px;
       	font-weight: bold;
	
	
	}
.labelprofile {
      	
		font-size: 11px;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #fff;
		text-shadow: #000 1px 1px;
		margin-bottom: 10px;
		margin-top: 10px
		letter-spacing: 1px;
        margin-left: 10px
		font-weight: normal;
		width: 200px
	
	}	
/*http://www.barelyfitz.com/screencast/html-training/css/positioning, for the profile form 170*/		
#div-1 {
 position:relative;
 height:50px;

}
#div-1a {
 position:absolute;
 top:0;
 left:10;
 width:2px;
}

#div-1aa {
 position:absolute;
 top:0;
left: 200;
 width:20px;
}
/* input fields */
#div-1aaa {
 position:absolute;
 top:0;
 left:200;
 width:180px;
}
#div-1aaaa {
 position:absolute;
 top:0;
 left:300;
 width:180px;
}
#div-1b {
 position:absolute;
 top:0;
 left:250;
 width:180px;
}
#div-1bb {
 position:absolute;
 top:0;
 left:490;
 width:20px;
}
#div-but{
 position:absolute;
 top:0;
 left:400;
 width:20px;
}

input, select {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #ffffff;
		width: 180px;
	}

#i_input1, #i_input2{
  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #ffffff;
		width: 250px;

}
#i_textinput1 {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #ffffff;
		width: 250px;
		height: 140px;
	}
#i_textinput2 {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #ffffff;
		width: 550px;
		height: 240px;
	}			
.xxxlonginput {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #ffffff;
		width: 250px;
		
	}	
	
	
	
.inputcheck {

	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #ffffff;
	    width: 80px;
	}	
	
	.submitclass{

	font-size: 18px;
	font-weight: normal;
	font-family: arial, sans-serif;
		list-style-type: none;
}
#countdown_text3 {
     font-size: 14px;
	 font-weight: bold;
	 width: 6px;
	 text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	 color: #817679;
	 top: 8px;
	left: 83%;
	padding-top: 14px;
	position: absolute;
}
form#frmPayPal {
        border: 1px solid #270644;
		width: 350px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		margin:50px auto;
		padding: 20px;
		 background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		}
		
a.pic:hover{
     cursor:pointer
	 }
		
#formPay.paypal_submit {
       background-color:transparent;
		}
			
#a4 {
        border: 1px solid #270644;
		width: 450px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		margin:50px auto;
		padding: 20px;
		 background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		}
#frmSentEmail {
          position: absolute;
		  border: 1px solid #270644;
		  width: 250px;
		  -moz-border-radius: 20px;
		  -webkit-border-radius: 20px;
		  margin:50px auto;
		  padding: 20px;
		  background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		  top: 25%;
		  left: 35%;
	      }
#DivLocalRecords {
         /* position: absolute; */
		  margin:50px auto;
		  border: 1px solid #270644;
		  top: 10%;
		  -moz-border-radius: 20px;
		  -webkit-border-radius: 20px;
		
		  padding: 30px;
          background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, rgb(61,55,49)),
	     color-stop(0.56, rgb(23,87,87)));
         
}

#frmLocalRecordsCopy, #frmclipboardcopy{
          position: relative;
		  border: 1px solid #270644;
		  top: 10%;
		  -moz-border-radius: 20px;
		  -webkit-border-radius: 20px;
		
		  padding: 30px;
          background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, rgb(61,55,49)),
	     color-stop(0.56, rgb(23,87,87)));
         
}
		
#frmPass {
          position: absolute;
		  border: 1px solid #270644;
		  width: 250px;
		  -moz-border-radius: 20px;
		  -webkit-border-radius: 20px;
		  margin:50px auto;
		  padding: 20px;
		  background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		  top: 25%;
		  left: 35%;
	      }

form#frmSubmitProfile {
      position: absolute;
       border: 1px solid #270644;
		width: 250px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		margin:50px auto;
		padding: 20px;
		 background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		top: 25%;
		  left: 35%;
		}
form#frm1, form#frm1delete, form#choose_gallery, form#frmflickerid, form#frmSaveImages, form#frmkiosklist, form#frmViewOnlineRecords, form#frmRegisterAccount {
        border: 1px solid #270644;
		width: 250px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		margin:50px auto;
		padding: 20px;
		 background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		}
#frmDBLoc {
          
		  border: 1px solid #270644;
		  width: 250px;
		  -moz-border-radius: 20px;
		  -webkit-border-radius: 20px;
		  margin:50px auto;
		  padding: 20px;
		  background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		  top: 400px;
		    margin-left: auto ;
          margin-right: auto ;
	      position: relative;
		  z-index:2;
	      }		  		
form#frmviewprofile {
        top: 30px;		
        border: 1px solid #270644;
		width: 550px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		 margin-left: auto ;
          margin-right: auto ;
		padding: 20px;
		 background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		font-size: 13px;
		 position: relative;
		}
	
frmviewprofile.label /* The label for a form element */ {  
font-size: 1px;
display: block;  
font-weight: bold;
}					
input[name=BirthdayInfo] { 
     background-color: #df0;
	 }


h1 {
	text-shadow: rgba(255,255,255, .7) 0px 0px 10px;
	font-size: 2em;
}
a {
	color: #f281b5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#stopButton {
	position: absolute;
	top: 1em;
	right: 1em;
}
#startButton {
	position: absolute;
	top: lem;
	right: 200px;
}
ol li {
	list-style-type: decimal;
	margin-left: 1.5em;
}
#PhotoSetTitle {
 
    top: 20px; 
	font-size: 2.3em;
	text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	text-align: center;
}
#DisplayInstructions {
 
    top: 20px; 
	font-size: 1.3em;
	text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	text-align: center;
}

/* This is the label at the top of the page for demomode and temporary demo mode */ 
#divTempRunMode {
    position: absolute;
	margin:10px auto;
	top: 3px;
	font-size: 20px;
    display: block;  
     font-weight: bold;
	 text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	 color: #817679;

}

article.clients {
	float: left;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 203px;
	height: 150px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #4d4d4d;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	             border-radius: 3px;
}

article.clients * {
	vertical-align: middle;
}

article.clients span {
	display: inline-block;
	height: 100%;
	width: 1px;
}

article.clients.last {
	margin-right: 0px;
}

#gearadmin {
    position: absolute;
	right: 3%;
	top: 3px;
	padding: 20px;
	background:    url(gear.png) no-repeat 10px 10px;
}
#paypalimg {
   
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
 /*#PayPalButton {
    position: absolute;
	left: 3%;
	top: 10px;
	padding: 80px;
	background:    url(btn_dg_pay_w_paypal.gif) no-repeat;
}*/


/* Selected Photo display */


#faveDisplay {
   
    margin: 25px auto;
  	-webkit-border-radius: 16px;
	background-color: rgba(242, 129, 182, 0.3);
	padding: 20px;
	width: 240px;
	min-height: 75px;
	float: left;
	position: relative;
 
	
 
}
/* My Request */

h2 {
text-shadow: rgba(0,0,0, .3) 2px 2px 2px;
	font-size: 1.3em; 
}



#faveDisplay ol {
	margin-top: .5em;
}



#faveDisplay .delete {
	margin-left: 1em;
}

#faveDisplay a, #photoDisplay a{
	color: #fff;
}
#faveDisplay, #photoDisplay {
	-webkit-animation: opacity 2s ease-in 1; 
}

@-webkit-keyframes opacity {
      from { opacity: 0;}
      to   { opacity: 1;}
}
/* Divphotodetails */
  /* the overall div */
  
  
  /*   A    left: 10%;	position: absolute;float: left;*/  
#Divphotoedit {
  
    top: 60px;
   
	-webkit-border-radius: 16px;
	background-color: #333;
	
	width: 760px;
	min-height: 520px;
	
	
    margin-left: auto ;
    margin-right: auto ;
	position: relative;
}

#Divphotoedit .arrow{
   
	height:86px;
	width:60px;
	position:absolute;
	background:url('http://www.1icu.com/iPad/images/arrows.png') no-repeat;
	
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:8000;
}

#Divphotoedit.previous{ background-position:left top;left:0;}
#Divphotoedit .previous:hover{ background-position:left bottom;}

#Divphotoedit .next{ background-position:right top;right:0;}
#Divphotoedit .next:hover{ background-position:right bottom;}





/*   1A    */  


#frmeditdetail {
       position:absolute;   
        left: 65px;
        border: 1px solid #270644;
		width: 250px;
		top: 60px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		padding: 20px;
		 background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		}

/*   1B    */  	 
#Divphotodetails {
     position:absolute;    
	margin: 0px auto;
	-webkit-border-radius: 16px;
	background-color: #454344;
	border: 1px solid #270644;
	width: 280px;
	padding: 20px;
	min-height: 395px;
	left: 370px;
    top: 60px;
 
}
#Divphotodetails img {
	float: left;
	padding: 7px;
} 

#detailstitle {
	font-size: 1.3em;
	text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	margin-top: 5px;
	margin-left: 5px;
}
#detailsdescription {
	font-size: .9em;
	text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	margin-left: 5px;
}




/* Divphotodetails end */

/* start display pane, contains closeFave button and countdown_text2 at the top  




  */

#displayPane{
position: absolute;
top: 50px;
left: 20px;
}
/* the top line  */

divtopline{
     
     position: absolute;
	 top: 2px;
	

}
   #countdown_text2{
   position:absolute;
    top: 9px; 
   left: 260px;
     font-size: 14px;
	 font-weight: bold;
	 width: 6px;
	 text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	 color: #817679;
   }
   #closeFave {
   position:absolute;
   left: 285px;
    top: 10px; 
	float: right;
	height: 15px;
	width: 15px;
	background: url(closelt.png) no-repeat 0px 0;
	
   }
   
/* end top line  */
#photoDisplay {
     position:absolute; 
	margin: 0px auto;
	-webkit-border-radius: 16px;
	/*background-color: #454344;*/
	background-color: #333;
	border: 1px solid #270644;
	width: 280px;
	padding: 20px;
	min-height: 150px;
	
    top: 20px;
	opacity: 0.95;    
}
#photoDisplay img {
	float: left;
	padding: 7px;
}
#photoDisplay #title {
	font-size: 1.3em;
	text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
	margin-top: 5px;
	margin-left: 5px;
}
#photoDisplay #flickrDescription {
    font-size: .9em;

	margin-left: 5px;
}



#addSelections, #selectionMade {
	color: #D41C1C;
	height: 26px;
	
	padding-top: 5px;
	margin-left: 20px;
	text-shadow: rgba(0,0,0, .5) 2px 2px 2px;
}
#addFave {
	color: #D41C1C;
	height: 26px;
	background:    url(menu-icon-add.png) no-repeat 5px 0;
   
	padding-left: 45px;
	padding-top: 5px;
	margin-left: 20px;
}

#addFave:hover {
  
  font-weight: bold;
	background:    url(menu-icon-add.png) no-repeat 5px -32px;
}
/* end of upper display pane */

/* 3D Animation */

.noAnimation {
	-webkit-animation: none;
}
#container.noAnimation {
	-webkit-perspective: 450;
}

#container {
	position: relative;
	width: 100%;
	height: 450px;
	left: 21px;
	top: 100px;


	-webkit-perspective: 380; 
}

		
#stage {
	width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 2s;
    -webkit-transform-style: preserve-3d;
	-webkit-transform: rotateX(-20deg);
	-webkit-animation: spinX 30s ease-in-out infinite; 
}

#gallery, #gallery2 {
	-webkit-transform-style: preserve-3d;
	margin: 0px auto;
	position: relative;
	width: 100px;
}

#gallery {
	top: 100px;
	-webkit-animation: spinY 60s linear infinite; 
}

#gallery2 {
	top: 150px;	
	-webkit-animation: spinY 60s linear infinite; 
	
}
#galleryWrapper {
	-webkit-transform-style: preserve-3d;
	-webkit-animation: moveDown 30s linear infinite;
}
#gallery2Wrapper {
	-webkit-transform-style: preserve-3d;
	-webkit-animation: moveUp 30s linear infinite;
}
.thumb {
	opacity: .85;
	-webkit-backface-visibility: visible;
	position: absolute;
	height: 100px;
	width: 100px;
	-webkit-transition: -webkit-transform 2s, opacity 2s;
}
div.thumb:hover {
	-webkit-box-shadow: #fff 0 0 10px;
}

@-webkit-keyframes moveUp {
      0% { -webkit-transform: translateY(0);}
      50% { -webkit-transform: translateY(-50px);}
	  100% { -webkit-transform: translateY(0);}
}

@-webkit-keyframes moveDown {
      0% { -webkit-transform: translateY(0);}
      50% { -webkit-transform: translateY(80px);}
	  100% { -webkit-transform: translateY(0);}
}

@-webkit-keyframes spinY {
      from { -webkit-transform: rotateY(0);}
      to   { -webkit-transform: rotateY(-360deg);}
}

@-webkit-keyframes spinX {
      0%{ -webkit-transform: rotateX(0);}
      50%   { -webkit-transform: rotateX(-20deg);}
	  100% { -webkit-transform: rotateX(0);}
	 
}



#d0 {
  -webkit-transform: translateZ(190px);
}
#d1 {
  -webkit-transform: rotateY(30deg) translateZ(190px);
}

#d2 {
  -webkit-transform: rotateY(60deg) translateZ(190px);
}
#d3 {
  -webkit-transform: rotateY(90deg) translateZ(190px);
}
#d4 {
  -webkit-transform: rotateY(120deg) translateZ(190px);
}
#d5 {
  -webkit-transform: rotateY(150deg) translateZ(190px);
}
#d6 {
  -webkit-transform: rotateY(180deg) translateZ(190px);
}
#d7 {
  -webkit-transform: rotateY(210deg) translateZ(190px);
}
#d8 {
  -webkit-transform: rotateY(240deg) translateZ(190px);
}
#d9 {
  -webkit-transform: rotateY(270deg) translateZ(190px);
}
#d10 {
  -webkit-transform: rotateY(300deg) translateZ(190px);
}
#d11 {
  -webkit-transform: rotateY(330deg) translateZ(190px);
}


#d12 {
  -webkit-transform: rotateY(15deg) translateZ(280px);
}
#d13 {
  -webkit-transform: rotateY(45deg) translateZ(280px);
}

#d14 {
  -webkit-transform: rotateY(75deg) translateZ(280px);
}

#d15 {
  -webkit-transform: rotateY(105deg) translateZ(280px);
}

#d16 {
  -webkit-transform: rotateY(135deg) translateZ(280px);
}

#d17 {
  -webkit-transform: rotateY(165deg) translateZ(280px);
}

#d18 {
  -webkit-transform: rotateY(195deg) translateZ(280px);
}

#d19 {
  -webkit-transform: rotateY(225deg) translateZ(280px);
}

#d20 {
  -webkit-transform: rotateY(255deg) translateZ(280px);
}
#d21 {
  -webkit-transform: rotateY(285deg) translateZ(280px);
}
#d22 {
  -webkit-transform: rotateY(315deg) translateZ(280px);
}
#d23 {
  -webkit-transform: rotateY(345deg) translateZ(280px);
}



 
    
    div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
    div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
    div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
    div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
    div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
    div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
    div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
    div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
    div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
    div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
    div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
    div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}

  @-webkit-keyframes fade {
      from {opacity: 1;}
      to {opacity: 0.25;}
    }
	
 /* these are the hourglass and text 
   div.spinning {
    
   top: 300px;
   }
*/	
	
	
  div.spinner {
      position: relative;
      width: 100px;
      height: 100px;
      display: inline-block;
    }
    
    div.spinner div {
      width: 12%;
      height: 26%;
      background: #000;
      position: absolute;
      left: 44.5%;
      top: 37%;
      opacity: 0;
      -webkit-animation: fade 1s linear infinite;
      -webkit-border-radius: 50px;
      -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }

 
/* labled is hourglass with contents */
div.labeled {
      position: absolute;
	  left: 40%;
     top: 300px;
      
	  width: 200px;
      top: 25%;
	  height: 30px;
	  border: 1px solid #270644;
      
	  font-family: Helvetica, arial, sans-serif;
     
      font-size: 14px;
      margin: 0 auto;
      padding: 0.5em 0.75em 0.5em 0.5em;
      
      color: #FFFFFF;
      line-height: 25px;
     
      -webkit-border-radius: 1em;
       background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
	   background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
    }
  
   
    
    div.labeled div.spinner {
      float: left;
      vertical-align: middle;
      width: 25px;
      height: 25px;
      margin-right: 0.5em;
    }
    
    div.labeled div.spinner div {background: #c00;}
	
	/* places check box on left */
	 input[type=checkbox], input[type=radio] { 
	  width: 13px;
	  height: 13px;
	  padding: 0;
	  margin:0;
	  vertical-align: bottom;
	  position: relative;
	  top: -1px;
	  *overflow: hidden; 
	   } 
	
	
	#frmRequestInfo.checkbox{
      padding:10px;
       margin:5px;
       cursor:pointer;
       color:#ffffff;
       -moz-border-radius: 10px; -webkit-border-radius: 10px;
      }