/* Stylesheet "L1nda Sign in" :: v1 (December 17, 2010) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2010 "L1nda" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	- Site Structure Styles
		- General Styles
		- Main Layout Styles
		
	- Content Styles
		- General Content Styles
		- Heading Styles
		- Paragraph Styles
		- Link Styles
		
*/ 



/* v1.0 | 20080212 */

#alternate_browser {
    display:        none;
}

#alternate_browser h3 {
    font-size:      13px;
    color:          white;
    padding: 3px 0 0 9px;
}

#alternate_browser_nav {                 
	background-color: #dbdada;
    background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#fcfcfc), to(#e2e1e1));
	background-image: -moz-linear-gradient(center bottom , #e2e1e1 10%, #fcfcfc 100%); 
	border-bottom:    1px solid #bdbdbd;
	border-radius:    10px;
	border:           1px solid #717171;    
	-moz-border-radius: 10px;    
	-moz-box-shadow:  0 3px 10px #999;
	-webkit-box-shadow:0px 3px 10px #999;   
  box-shadow:       0 3px 10px #999; 
       
	left:             9px;     
	line-height:      60px;
	padding:          4px;
	position:         absolute;
	text-align:       center;
	top:              25px;           
	z-index:          10; 
}  

#alternate_browser_nav ul {
	background-color: #f2f2f2;   
	border:           1px solid #d7d8da; 
	border-bottom:    1px solid #fff;
	border-top:       1px solid #c0c4cb;
	-moz-border-radius:6px;    
	border-radius:    6px; 
	display:          block;  
	overflow:         hidden;
	padding:          4px 0 4px 4px;
}

#alternate_browser_nav li a:link, #alternate_browser_nav li a:visited {
	    color:            black;  
	    display:          block;
	    font-size:        14px;
	    font-weight:      bold; 
	    padding:          65px 0 0 0;
	    text-decoration:  none;
}  

#alternate_browser_nav li {
	background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#eeeff1), to(#e5e5e4));
	background-image: -moz-linear-gradient(center bottom , #e5e5e4 10%, #eeeff1 100%); 
	border:           1px solid #d0d0d0; 
	border-bottom:    1px solid #b7b7b7;
	border-top:       1px solid #ffffff;
	-moz-border-radius:3px;    
	border-radius:    3px;
	height:           110px;
	margin:           0 4px 4px 0;
	overflow:         hidden; 
	width:            130px;    
} 

#alternate_browser_nav #nav_firefox a { background:url(../images/firefox_logo.jpg) no-repeat; }
#alternate_browser_nav #nav_chrome a { background:url(../images/chrome-logo.png) no-repeat; }
#alternate_browser_nav #nav_safari a { background:url(../images/safari_logo.jpg) no-repeat; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}    




/*** Site Structure Styles ***/

		/* General Styles */
		
			* {
				margin:0;
				padding:0;
			}                         
			
			header, section, footer, aside, nav, article, figure {
				display:block;
			}						    
			
			html,body{height:100%;width:100%;}
			
						
		/************************/
	
		/* Main Layout Styles */
			
			body {
		 		color:            #777;
				font:             12px/18px "Helvetica Neue", Arial, sans-serif;
				min-height:       330px;/* for ie7*/
			}
			    
 			#wrap {
				display:          table;
				height:           100%;
				vertical-align:   middle;
				width:            100%;
			}  
			
			#main {
				text-align:       center;
				position:         relative;
				vertical-align:   middle;
				display:          table-cell;
			}      
			
 			section {
				margin:           0 auto;   
				padding:          20px 0 40px 0;
				text-align:       left;
				width:            410px;
 				height:       		350px;/* for ie7*/
 			}

			article {     
				background:       #EFEFEF;           
        		background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#F4F4F4), to(#EFEFEF));
				background-image: -moz-linear-gradient(center bottom , #EFEFEF 50%, #F4F4F4 63%);
		 		-moz-border-radius:10px;
	 			border-radius:     10px;
				-moz-box-shadow:  0 1px 3px #19222c;   
				border:           1px solid #fff;
				height:           190px;      
				padding:          20px;  
				-webkit-box-shadow: 0px 0px 6px 0px rgb(180,180,180);
				-moz-box-shadow: 0px 0px 6px 0px rgb(180,180,180);
				box-shadow: 0px 0px 6px 0px rgb(180,180,180);
 			}

			footer {               
				padding:          10px 20px;
			}
			
		/************************/







/*** Content Styles ***/

		/* General Content Styles */

			section a:link, section a:visited, section a:active {
				outline:          none;
				text-decoration:  none;
			}
			
			section a:hover {
				outline:          none;
				text-decoration:  underline;
			}
							
		/************************/
	
		/* Paragraph Styles */		
			
			footer p {             
				color:            #777;  
			}      
			
		/************************/
	
		/* Link Styles */
			           
			header a {
				background:       url(../images/logo_sign_in.svg) no-repeat center center;
				display: block;
				height: 52px;
				margin: 0 auto 10px 0px;
				text-indent: -10000px;
				width: 176px;
				background-size: contain;
			}    
			
			form a {              
				color:            #999;
				display:          block;
				float:            left;
				font-style:       italic;
				text-decoration:  none;  
				padding:          12px 10px 0 0;
			}         
			
			footer a {
				color:            #999 !important; 
				text-decoration:  none;
			}         
			
			footer a:hover {
				text-decoration:  underline;
			}
			
		/************************/    
		
		/* Form Styles */
			           
			legend {
				display:          none;
			}                       
			
			label {
				display:          none;
			} 
			
			input {    
				border-radius: 8px;
				-moz-border-radius: 8px;
				-moz-box-shadow: 0 1px 0 #fff;
				border:      1px solid #bdbdbd;   
				font-size:        22px;    
				line-height:      30px; 
				padding:          5px 10px;
				margin:           10px 0 20px 0; 
				width:            350px;
				-moz-box-shadow:  0 1px 0 #fff;
				-webkit-box-shadow:0px 1px 0 #fff;
			}      
			
			    .placeholder {color: #aaa;}
			
			button {      
				background-color: #abe44b;
        background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#abe44b), to(#8dda37));
				background-image: -moz-linear-gradient(center bottom , #8dda37 10%, #abe44b 100%); 
				border:           1px solid #5dbe0e;                           
				border-radius:    8px;
				-moz-border-radius: 8px;
				color:            #246c05; 
				cursor:           pointer;  
				display:          block;
				float:            right;
				font-size:        14px;    
				font-weight:      bold;
				padding:          8px 20px;      
				-moz-box-shadow:   0 1px 0 #fff;
				-webkit-box-shadow:0px 1px 0 #fff;
			}
			
			button:hover {
				background-color: #b6ea5f;
        background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#b6ea5f), to(#92dd3e));
				background-image: -moz-linear-gradient(center bottom , #92dd3e 10%, #b6ea5f 100%); 
			}           
			
			button:active{
				background-color: #8dda37;
        background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#8dda37), to(#abe44b));
				background-image: -moz-linear-gradient(center bottom , #abe44b 30%, #8dda37 70%); 
				padding:          9px 20px 7px 20px;      
			}
			
			button:focus::-moz-focus-inner,
			input[type="reset"]:focus::-moz-focus-inner,
			input[type="button"]:focus::-moz-focus-inner,
			input[type="submit"]:focus::-moz-focus-inner,
			input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
				 border:          1px dotted transparent; 
			}
            
			.l1nda_link {
				color:            #EB1E8D;
				text-decoration:  underline;
				cursor:           pointer;

			}	
			

