/* Blue Theme Stylesheet */

	.contentcontainer .altheading {background: #00789F url(img/bg_heading_alt.png); border: 1px solid #00789F; color: #fff; text-shadow: 1px 1px 1px #2D738A;}

	/* Navigation Styling */
			
/*
	ul#nav li a.heading, a.collapsed, a.expanded, ul.navigation li.selected{border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; text-shadow: 1px 1px 1px #0D2C35; background: url(img/bg_navigation.png) no-repeat top;}
*/
	ul#nav li a.heading, a.collapsed, a.expanded, ul.navigation li.selected{border-bottom: 1px solid #grey; border-top: 1px solid #grey; text-shadow: 1px 1px 1px #0D2C35; background: url(img/bg_navigation.png) no-repeat top;}
	
	ul#nav li a.expanded {background: url(img/bg_navigation.png) 0 -76px;}
	
	ul#nav li a.collapsed:hover {background: url(img/bg_navigation.png) no-repeat 0 -38px; width: 205px;}
	ul#nav li a.expanded:hover {background: url(img/bg_navigation.png) no-repeat 0 -114px; width: 205px;}

	ul.navigation li.selected {background: url(img/bg_navigation_selected.png) no-repeat -1px 0; border: none;}
	
	/* Side Notifications */
	
	.notifycount {background: url(img/bg_notify_count.png) no-repeat top;}
	
	/* Pagination */
	

	ul.pagination li.page a {background: #00789F url(img/bg_buttons.png) repeat-x top; border: 1px solid #0D87AE;}
		ul.pagination li.page a:hover {background: #00789F url(img/bg_buttons.png) 0 -50px; border: 1px solid #005977;}

/*
	ul.pagination li.page a {background: #00789F url(img/bg_btn_grey_sml.png) repeat-x top; border: 1px solid #0D87AE;}
		ul.pagination li.page a:hover {background: #00789F url(img/bg_btn_grey_sml.png) 0 -50px; border: 1px solid #005977;}
*/
		
	/* Button Styling */

	.btn, .btnalt {background: url(img/bg_buttons.png) repeat-x top; border: 1px solid #grey!important; color: #fff; font-size: 12px; padding: 7px 10px; border-radius: 7px; -moz-border-radius: 7px; font-weight: 700; border: none;}
		.btn:hover {background: url(img/bg_buttons.png) 0 -50px; border: 1px solid #grey; cursor: pointer;}
	
/*
	.btn, .btnalt {background: url(img/bg_buttons.png) repeat-x top; border: 1px solid #0D87AE!important; color: #fff; font-size: 11px; padding: 7px 10px; border-radius: 7px; -moz-border-radius: 7px; font-weight: 700; border: none;}
		.btn:hover {background: url(img/bg_buttons.png) 0 -50px; border: 1px solid #005977; cursor: pointer;}

	.btn, .btnalt {background: url(img/bg_btn_grey_sml.png) repeat-x top; border: 1px solid #grey!important; color: #fff; font-size: 11px; padding: 7px 10px; border-radius: 7px; -moz-border-radius: 7px; font-weight: 700; border: none;}
		.btn:hover {background: url(img/bg_btn_grey_sml.png) 0 -50px; border: 1px solid #grey; cursor: pointer;}
*/		
	.btndisabled, .btndisabledalt {background: url(img/bg_buttons.png) repeat-x top; border: 1px solid #grey!important; color: lightgrey; font-size: 12px; padding: 7px 10px; border-radius: 7px; -moz-border-radius: 7px; font-weight: 700; border: none;}
		
	.btnalt {background: url(img/bg_buttons_alternative.png) repeat-x top !important; border: 1px solid #333 !important; color: #fff; padding: 7px 10px; border: none;}
		.btnalt:hover {background: url(img/bg_buttons_alternative.png) 0 -50px !important; border: 1px solid #111 !important; cursor: pointer;}		
	
	/* Login Page */
	
	.logininput {background: #c3c3c3}
	.logininput:focus {border: 1px solid #000000; color: #000000;}
				
		#logincontainer .loginbtn {background: #c3c3c3 repeat-x top; border-radius: 8px; -moz-border-radius: 8px; border: none; font-size: 17px; font-weight: 700; text-shadow: 1px 1px 1px #9cced6; color: #585757; width: 240px; padding: 11px 0; margin: 5px 0 0 0; cursor: pointer; border-top: 1px solid #000000; letter-spacing: -1px;}
		
		#logincontainer .loginbtn:hover {background: #c3c3c3 -0 -60px; cursor: pointer; color: #103141;}
		
		
		
	.inputbox {border: 1px solid #999; padding: 5px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.inputbox:focus {border: 1px solid #666;}
	.errorbox {border: 1px solid #CC0000; background: #FCF0EF url(img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
	.errorbox:focus {border: 1px solid #8A0000;}
	.correctbox {border: 1px solid #9DB832; background: #F3F8E0 url(img/bg_fade_green_sml.png) repeat-x top;; color: #9DB832; margin-right: 5px;}
	.correctbox:focus {border: 1px solid #7C9227;}
	.xsmallbox {border: 1px solid #999; padding: 5px; width: 25px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.x2smallbox {border: 1px solid #999; padding: 5px; width: 40px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.x3smallbox {border: 1px solid #999; padding: 5px; width: 53px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.x4smallbox {border: 1px solid #999; padding: 5px; width: 45px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.smallbox {border: 1px solid #999; padding: 5px; width: 70px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.smallbox1 {border: 1px solid #999; padding: 5px; width: 85px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.smallbox2 {border: 1px solid #999; padding: 5px; width: 88px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.xmediumbox {border: 1px solid #999; padding: 5px; width: 128px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.x2mediumbox {border: 1px solid #999; padding: 5px; width: 90px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.x3mediumbox {border: 1px solid #999; padding: 5px; width: 118px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.x4mediumbox {border: 1px solid #999; padding: 5px; width: 105px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.mediumbox {border: 1px solid #999; padding: 5px; width: 150px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.mediumbox2 {border: 1px solid #999; padding: 5px; width: 215px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.mediumbox3 {border: 1px solid #999; padding: 5px; width: 180px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largemediumbox {border: 1px solid #999; padding: 5px; width: 225px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largemediumbox2 {border: 1px solid #999; padding: 5px; width: 270px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largemediumbox3 {border: 1px solid #999; padding: 5px; width: 270px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largemediumbox4{border: 1px solid #999; padding: 5px; width: 235px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largebox {border: 1px solid #999; padding: 5px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largebox1 {border: 1px solid #999; padding: 5px; width: 335px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largebox2 {border: 1px solid #999; padding: 5px; width: 375px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largebox3 {border: 1px solid #999; padding: 5px; width: 385px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largebox4 {border: 1px solid #999; padding: 5px; width: 430px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.largebox4NoImage {border: none; padding: 5px; width: 412px; margin-bottom: 7px; background-color: #eaeaea; }
	.largebox5 {border: 1px solid #999; padding: 4px; width: 442px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}
	.xlargebox {border: 1px solid #999; padding: 5px; width: 500px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}

	.textareabox {border: 1px solid #999; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(img/bg_fade_sml.png) repeat-x top;}


	.mediumboxNoBorder {border: none; padding: 5px; width: 150px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: none; -webkit-appearance: none; -moz-appearance: none; margin-left: -5px; pointer-events: none;}
	.largemediumboxNoBorder {border: none; padding: 5px; width: 225px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: none; -webkit-appearance: none; -moz-appearance: none; margin-left: -5px; pointer-events: none;}
	.smallboxNoBorder {border: none; padding: 5px; width: 70px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: none; -webkit-appearance: none; -moz-appearance: none; margin-left: -5px; pointer-events: none;}

    

	
	#welcome
{ font-family: 'Fredoka One', cursive; font-weight: 300; color: white; font-size:110% }		
	

blockquote { 
	margin: 0 15% 0 15%;
	color: #666; 
}
blockquote:before, blockquote:after { 
	display: block; 
	font-size: 500%; 
	color: #000000;
}
blockquote:before {
	float:left;
	content: "\201C";
	margin-left: -8%; 
	margin-top: -12px;
	height: 0; 
}
blockquote:after { 
	float:right;
	content: "\201D"; 
	margin-left: 100%; 
	margin-top: -25px; 
	margin-right: -8%;
	height: 25px; 
}

@font-face { font-family: 'led'; src: url('../fonts/led.ttf') format('truetype'); }
@font-face { font-family: 'Agency FB'; src: url('../fonts/AGENCYR.TTF') format('truetype'); }
@font-face { font-family: 'Aharoni'; src: url('../fonts/ahronbd.ttf') format('truetype'); }
@font-face { font-family: 'Algerian'; src: url('../fonts/ALGER.TTF') format('truetype'); }
@font-face { font-family: 'Andalus'; src: url('../fonts/andlso.ttf') format('truetype'); }
@font-face { font-family: 'Angsana New'; src: url('../fonts/angsa.ttf') format('truetype'); }
@font-face { font-family: 'Aparajita'; src: url('../fonts/aparaj.ttf') format('truetype'); }
@font-face { font-family: 'Baskerville Old Face'; src: url('../fonts/BASKVILL.TTF') format('truetype'); }
@font-face { font-family: 'Bauhaus 93'; src: url('../fonts/BAUHS93.TTF') format('truetype'); }
@font-face { font-family: 'Bell MT'; src: url('../fonts/BELL.TTF') format('truetype'); }
@font-face { font-family: 'Berlin Sans FB'; src: url('../fonts/BRLNSR.TTF') format('truetype'); }
@font-face { font-family: 'Bernard MT Condensed'; src: url('../fonts/BERNHC.TTF') format('truetype'); }
@font-face { font-family: 'Bodoni MT'; src: url('../fonts/BOD_R.TTF') format('truetype'); }
@font-face { font-family: 'Book Antiqua'; src: url('../fonts/BKANT.TTF') format('truetype'); }
@font-face { font-family: 'Bookman Old Style'; src: url('../fonts/BOOKOS.TTF') format('truetype'); }
@font-face { font-family: 'Bradly Hand ITC'; src: url('../fonts/BRADHITC.TTF') format('truetype'); }
@font-face { font-family: 'Britannic Bold'; src: url('../fonts/BRITANIC.TTF') format('truetype'); }
@font-face { font-family: 'Broadway'; src: url('../fonts/BROADW.TTF') format('truetype'); }
@font-face { font-family: 'Browallia New'; src: url('../fonts/browa.ttf') format('truetype'); }
@font-face { font-family: 'Californian FB'; src: url('../fonts/CALIFR.TTF') format('truetype'); }
@font-face { font-family: 'Calisto MT'; src: url('../fonts/CALIST.TTF') format('truetype'); }
@font-face { font-family: 'Candara'; src: url('../fonts/Candara.ttf') format('truetype'); }
@font-face { font-family: 'Castellar'; src: url('../fonts/CASTELAR.TTF') format('truetype'); }
@font-face { font-family: 'Centaur'; src: url('../fonts/CENTAUR.TTF') format('truetype'); }
@font-face { font-family: 'Century'; src: url('../fonts/CENTURY.TTF') format('truetype'); }
@font-face { font-family: 'Century Gothic'; src: url('../fonts/GOTHIC.TTF') format('truetype'); }
@font-face { font-family: 'Century Schoolbook'; src: url('../fonts/CENSCBK.TTF') format('truetype'); }
@font-face { font-family: 'Chiller'; src: url('../fonts/CHILLER.TTF') format('truetype'); }
@font-face { font-family: 'Colonna MT'; src: url('../fonts/COLONNA.TTF') format('truetype'); }
@font-face { font-family: 'Comic Sans MS'; src: url('../fonts/comic.ttf') format('truetype'); }
@font-face { font-family: 'Condolas'; src: url('../fonts/consola.ttf') format('truetype'); }
@font-face { font-family: 'Cooper Black'; src: url('../fonts/COOPBL.TTF') format('truetype'); }
@font-face { font-family: 'Copperplate Gothic Bold'; src: url('../fonts/COPRGTB.TTF') format('truetype'); }
@font-face { font-family: 'Corbel'; src: url('../fonts/corbel.ttf') format('truetype'); }
@font-face { font-family: 'Cordia New'; src: url('../fonts/cordia.ttf') format('truetype'); }
@font-face { font-family: 'Curlz MT'; src: url('../fonts/CURLZ___.TTF') format('truetype'); }
@font-face { font-family: 'DaunPenh'; src: url('../fonts/daunpenh.ttf') format('truetype'); }
@font-face { font-family: 'David'; src: url('../fonts/david.ttf') format('truetype'); }
@font-face { font-family: 'DokChampa'; src: url('../fonts/dokchamp.ttf') format('truetype'); }
@font-face { font-family: 'Ebrima'; src: url('../fonts/ebrima.ttf') format('truetype'); }
@font-face { font-family: 'Elephant'; src: url('../fonts/ELEPHNT.TTF') format('truetype'); }
@font-face { font-family: 'Engravers MT'; src: url('../fonts/ENGR.TTF') format('truetype'); }
@font-face { font-family: 'Estrangelo Edessa'; src: url('../fonts/estre.ttf') format('truetype'); }
@font-face { font-family: 'Euphemia'; src: url('../fonts/euphemia.ttf') format('truetype'); }
@font-face { font-family: 'Felix Titling'; src: url('../fonts/FELIXTI.TTF') format('truetype'); }
@font-face { font-family: 'Footlight MT Light'; src: url('../fonts/FTLTLT.TTF') format('truetype'); }
@font-face { font-family: 'Forte'; src: url('../fonts/FORTE.TTF') format('truetype'); }
@font-face { font-family: 'Franklin Gothic Book'; src: url('../fonts/FRABK.TTF') format('truetype'); }
@font-face { font-family: 'FrankRuehl'; src: url('../fonts/frank.ttf') format('truetype'); }
@font-face { font-family: 'Freestyle Script'; src: url('../fonts/FREESCPT.TTF') format('truetype'); }
@font-face { font-family: 'French Script MT'; src: url('../fonts/FRSCRIPT.TTF') format('truetype'); }
@font-face { font-family: 'Garamond'; src: url('../fonts/GARA.TTF') format('truetype'); }
@font-face { font-family: 'Gautami'; src: url('../fonts/gautami.ttf') format('truetype'); }
@font-face { font-family: 'Gigi'; src: url('../fonts/GIGI.TTF') format('truetype'); }
@font-face { font-family: 'Gil Sans MT'; src: url('../fonts/GIL_____.TTF') format('truetype'); }
@font-face { font-family: 'Gisha'; src: url('../fonts/gisha.ttf') format('truetype'); }
@font-face { font-family: 'Goudy Old Style'; src: url('../fonts/GOUDOS.TTF') format('truetype'); }
@font-face { font-family: 'Haettenschweiler'; src: url('../fonts/HATTEN.TTF') format('truetype'); }
@font-face { font-family: 'Harlow Solid Italic'; src: url('../fonts/HARLOWSI.TTF') format('truetype'); }
@font-face { font-family: 'Harrington'; src: url('../fonts/HARNGTON.TTF') format('truetype'); }
@font-face { font-family: 'High Tower Text'; src: url('../fonts/HTOWERT.TTF') format('truetype'); }
@font-face { font-family: 'Impact'; src: url('../fonts/impact.ttf') format('truetype'); }
@font-face { font-family: 'Imprint MT Shadow'; src: url('../fonts/IMPRISHA.TTF') format('truetype'); }
@font-face { font-family: 'Informal Roman'; src: url('../fonts/INFROMAN.TTF') format('truetype'); }
@font-face { font-family: 'Jokerman'; src: url('../fonts/JOKERMAN.TTF') format('truetype'); }
@font-face { font-family: 'Juice ITC'; src: url('../fonts/JUICE___.TTF') format('truetype'); }
@font-face { font-family: 'Kalinga'; src: url('../fonts/kalinga.ttf') format('truetype'); }
@font-face { font-family: 'Kartika'; src: url('../fonts/kartika.ttf') format('truetype'); }
@font-face { font-family: 'Leelawadee'; src: url('../fonts/leelawad.ttf') format('truetype'); }
@font-face { font-family: 'Levenim MT'; src: url('../fonts/lvnm.ttf') format('truetype'); }
@font-face { font-family: 'Lucida Bright'; src: url('../fonts/LBRITE.TTF') format('truetype'); }
@font-face { font-family: 'Lucida Calligraphy'; src: url('../fonts/LCALLIG.TTF') format('truetype'); }
@font-face { font-family: 'Lucida Console'; src: url('../fonts/lucon.ttf') format('truetype'); }
@font-face { font-family: 'Lucida Fax'; src: url('../fonts/LFAX.TTF') format('truetype'); }
@font-face { font-family: 'Lucida Handwriting'; src: url('../fonts/LHANDW.TTF') format('truetype'); }
@font-face { font-family: 'Lucida Sans'; src: url('../fonts/LSANS.TTF') format('truetype'); }
@font-face { font-family: 'Lucida Sans Typewriter'; src: url('../fonts/LTYPE.TTF') format('truetype'); }
@font-face { font-family: 'Magneto Bold'; src: url('../fonts/MAGNETOB.TTF') format('truetype'); }
@font-face { font-family: 'Maiandra GD'; src: url('../fonts/MAIAN.TTF') format('truetype'); }
@font-face { font-family: 'Makura MT Script Capitals'; src: url('../fonts/MATURASC.TTF') format('truetype'); }
@font-face { font-family: 'Mangal'; src: url('../fonts/mangal.ttf') format('truetype'); }
@font-face { font-family: 'Miriam'; src: url('../fonts/mriam.ttf') format('truetype'); }
@font-face { font-family: 'Mistral'; src: url('../fonts/MISTRAL.TTF') format('truetype'); }
@font-face { font-family: 'Monotype Corsiva'; src: url('../fonts/MTCORSVA.TTF') format('truetype'); }
@font-face { font-family: 'MoolBoran'; src: url('../fonts/moolbor.ttf') format('truetype'); }
@font-face { font-family: 'MV Boli'; src: url('../fonts/mvboli.ttf') format('truetype'); }
@font-face { font-family: 'Narkisim'; src: url('../fonts/nrkis.ttf') format('truetype'); }
@font-face { font-family: 'Niagara Solid'; src: url('../fonts/NIAGSOL.TTF') format('truetype'); }
@font-face { font-family: 'Noto Sans'; src: url('../fonts/NotoSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Nyala'; src: url('../fonts/nyala.ttf') format('truetype'); }
@font-face { font-family: 'OCR A Extended'; src: url('../fonts/OCRAEXT.TTF') format('truetype'); }
@font-face { font-family: 'Old English Text MT'; src: url('../fonts/OLDENGL.TTF') format('truetype'); }
@font-face { font-family: 'Onyx'; src: url('../fonts/ONYX.TTF') format('truetype'); }
@font-face { font-family: 'Palace Script MT'; src: url('../fonts/PALSCRI.TTF') format('truetype'); }
@font-face { font-family: 'Papyrus'; src: url('../fonts/PAPYRUS.TTF') format('truetype'); }
@font-face { font-family: 'Parchment'; src: url('../fonts/PARCHM.TTF') format('truetype'); }
@font-face { font-family: 'Perpetua'; src: url('../fonts/PER_____.TTF') format('truetype'); }
@font-face { font-family: 'Plantagenet Cherokee'; src: url('../fonts/plantc.ttf') format('truetype'); }
@font-face { font-family: 'Playbill'; src: url('../fonts/PLAYBILL.TTF') format('truetype'); }
@font-face { font-family: 'Poor Richard'; src: url('../fonts/POORICH.TTF') format('truetype'); }
@font-face { font-family: 'Pristina'; src: url('../fonts/PRISTINA.TTF') format('truetype'); }
@font-face { font-family: 'Raavi'; src: url('../fonts/raavi.ttf') format('truetype'); }
@font-face { font-family: 'Ravie'; src: url('../fonts/RAVIE.TTF') format('truetype'); }
@font-face { font-family: 'Rockwell'; src: url('../fonts/ROCK.TTF') format('truetype'); }
@font-face { font-family: 'Rod'; src: url('../fonts/rod.ttf') format('truetype'); }
@font-face { font-family: 'Sakal Majalla'; src: url('../fonts/majalla.ttf') format('truetype'); }
@font-face { font-family: 'Script MT Bold'; src: url('../fonts/SCRIPTBL.TTF') format('truetype'); }
@font-face { font-family: 'Segoe Print'; src: url('../fonts/segoepr.ttf') format('truetype'); }
@font-face { font-family: 'Shonar Bangla'; src: url('../fonts/Shonar.ttf') format('truetype'); }
@font-face { font-family: 'Showcard Gothic'; src: url('../fonts/SHOWG.TTF') format('truetype'); }
@font-face { font-family: 'Simplified Arabic'; src: url('../fonts/simpo.ttf') format('truetype'); }
@font-face { font-family: 'Stencil'; src: url('../fonts/STENCIL.TTF') format('truetype'); }
@font-face { font-family: 'Sylfaen'; src: url('../fonts/sylfaen.ttf') format('truetype'); }
@font-face { font-family: 'Tempus Sans ITC'; src: url('../fonts/TEMPSITC.TTF') format('truetype'); }
@font-face { font-family: 'Traditional Arabic'; src: url('../fonts/trado.ttf') format('truetype'); }
@font-face { font-family: 'Trebuchet MS'; src: url('../fonts/trebuc.ttf') format('truetype'); }
@font-face { font-family: 'Tunga'; src: url('../fonts/tunga.ttf') format('truetype'); }
@font-face { font-family: 'Vijaya'; src: url('../fonts/vijaya.ttf') format('truetype'); }
@font-face { font-family: 'Verdana'; src: url('../fonts/verdana.ttf') format('truetype'); }




.blur			{ text-shadow:rgba(255,255,255,.5) 0 0 15px, rgba(255,255,255,.5) 0 0 10px; }
.bold			{ text-shadow:#2e2e2e 0 4px 5px; }
.burning		{ text-shadow:0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red; }
.city			{ text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95; }
.classic		{ text-shadow:2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c; }
.cloud9			{ text-shadow:0px 0px 10px rgba(255,255,255,0.6), 0px 0px 30px rgba(255,255,255,0.4), 0px 0px 50px rgba(255,255,255,0.3), 0px 0px 180px rgba(255,255,255,0.3); }
.emboss			{ text-shadow:rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px; }
.fire			{ text-shadow:#fff 0 -1px 6px, #ff0 0 -2px 15px, #ff8000 0 -10px 30px, red 0 -18px 60px; }
.fire2			{ text-shadow:#fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px; }
.fire3			{ text-shadow:0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; }
.glow			{ text-shadow:#fff 0 0 10px; }
.inset			{ text-shadow:0px 2px 3px #666; }
.inset2			{ text-shadow:#e0e0e0 1px 1px 0; }
.letter			{ text-shadow:0px 1px 1px #4d4d4d; }
.neon			{ text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; }
.neon2			{ text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18, 0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18 }
.retro			{ text-shadow:#7a7a7a 4px 3px 0; }
.retro2			{ text-shadow:3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72; }
.shadow			{ text-shadow:#474747 3px 5px 2px; }
.vintage		{ text-shadow:5px 5px 0px #eee, 7px 7px 0px #707070; }


.effectscale {
  /* border: none; */
  margin: 0 auto;
  
   
  border-style: solid; 
  border-width: 2px; 
  border-color: grey;
 
}
.effectscale:hover {
  -webkit-transform: scale(3.0);
  -moz-transform: scale(3.0);
  -o-transform: scale(3.0);
  transform: scale(3.0);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.effectscale2 {
  /* border: none; */
  margin: 0 auto;
  
  border-style: solid; 
  border-width: 2px; 
  border-color: grey;
  
}
.effectscale2:hover {
  -webkit-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -o-transform: scale(2.0);
  transform: scale(2.0);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}




.searchtable 
{
	border:3px solid #E0E0E0;
}

.searchtablecell
{
	border:none;
}

.searchtableBrews
{
	border:3px solid #c0c0c0;
}

.searchtablecellBrewHeader
{
	border:none;
	background-color: #c0c0c0;
}

.rating.small
{
	display:inline-block;
	vertical-align:middle;
	height:24px;
	width:132px;
	background-image:url(../img/ratings_quarters_small.png);
	background-position:top left;
	background-size:132px 558px;
	background-repeat:no-repeat;
	background-image:url(../img/ratings_quarters_small.png);
	background-size:132px 558px;
	background-repeat:no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
	.rating.small
	{
		background-image:url(../img/ratings_quarters_small@2x.png)
	}
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
	.rating.small
	{
		background-image:url(../img/ratings_quarters_large.png)
	}
}

.rating.small.r000{display:none}
.rating.small.r025{background-position:0 -26px}
.rating.small.r050{background-position:0 -54px}
.rating.small.r075{background-position:0 -80px}
.rating.small.r100{background-position:0 -106px}
.rating.small.r125{background-position:0 -134px}
.rating.small.r150{background-position:0 -160px}
.rating.small.r175{background-position:0 -186px}
.rating.small.r200{background-position:0 -213px}
.rating.small.r225{background-position:0 -240px}
.rating.small.r250{background-position:0 -266px}
.rating.small.r275{background-position:0 -294px}
.rating.small.r300{background-position:0 -320px}
.rating.small.r325{background-position:0 -346px}
.rating.small.r350{background-position:0 -372px}
.rating.small.r375{background-position:0 -400px}
.rating.small.r400{background-position:0 -426px}
.rating.small.r425{background-position:0 -452px}
.rating.small.r450{background-position:0 -480px}
.rating.small.r475{background-position:0 -506px}
.rating.small.r500{background-position:0 -534px}

.rating.xsmall
{
	display:inline-block;
	float:none;
	height:20px;
	width:100px;
	background-image:url(../img/ratings_quarters_small.png);
	background-position:top left;
	background-size:100px 420px;
	background-repeat:no-repeat;
	background-image:url(../img/ratings_quarters_small.png);
	background-size:100px 420px;
	background-repeat:no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
	.rating.xsmall
	{
		background-image:url(../img/ratings_quarters_small@2x.png)
	}
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
	.rating.xsmall
	{
		background-image:url(../img/ratings_quarters_large.png)
	}
}

/* .rating.xsmall.r000{display:none} */
.rating.xsmall.r000{background-position:0 0px}
.rating.xsmall.r025{background-position:0 -20px}
.rating.xsmall.r050{background-position:0 -40px}
.rating.xsmall.r075{background-position:0 -60px}
.rating.xsmall.r100{background-position:0 -80px}
.rating.xsmall.r125{background-position:0 -100px}
.rating.xsmall.r150{background-position:0 -120px}
.rating.xsmall.r175{background-position:0 -140px}
.rating.xsmall.r200{background-position:0 -160px}
.rating.xsmall.r225{background-position:0 -180px}
.rating.xsmall.r250{background-position:0 -200px}
.rating.xsmall.r275{background-position:0 -220px}
.rating.xsmall.r300{background-position:0 -240px}
.rating.xsmall.r325{background-position:0 -260px}
.rating.xsmall.r350{background-position:0 -280px}
.rating.xsmall.r375{background-position:0 -300px}
.rating.xsmall.r400{background-position:0 -320px}
.rating.xsmall.r425{background-position:0 -340px}
.rating.xsmall.r450{background-position:0 -360px}
.rating.xsmall.r475{background-position:0 -380px}
.rating.xsmall.r500{background-position:0 -400px}

.report_checkin
{
	width:400px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.3);
	box-shadow:0px 1px 5px 0px rgba(0,0,0,0.3);
	padding:24px;
	font-size:14px;
	color:#666;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
		
.inputfileBrewImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBrewImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileBrewImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBrewImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}


.inputfileBrewImage:focus + label,
.inputfileBrewImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}


.inputfileBreweryImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBreweryImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileBreweryImage:focus + label,
.inputfileBreweryImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}

.inputfileBreweryImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBreweryImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileBackgroundImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBackgroundImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileBackgroundImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBackgroundImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}


.inputfileBackgroundImage:focus + label,
.inputfileBackgroundImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}



.inputfileBackgroundMaintImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBackgroundMaintImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileBackgroundMaintImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileBackgroundMaintImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}


.inputfileBackgroundMaintImage:focus + label,
.inputfileBackgroundMaintImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}



.inputfileLogoImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileLogoImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileLogoImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileLogoImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}


.inputfileLogoImage:focus + label,
.inputfileLogoImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}



.inputfileAdminLogoImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileAdminLogoImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileAdminLogoImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileAdminLogoImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}


.inputfileAdminLogoImage:focus + label,
.inputfileAdminLogoImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}







.inputfileTapImage
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileTapImage + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: #fff; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}

.inputfileTapImageDisabled
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfileTapImageDisabled + label 
{
	background: url(img/bg_buttons.png) repeat-x top; 
	border: 1px solid #grey!important; 
	color: lightgrey; 
	font-size: 12px; 
	padding: 7px 10px; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	font-weight: 700; 
	border: none;
	text-align:center;
}


.inputfileTapImage:focus + label,
.inputfileTapImage + label:hover 
{
    background: url(img/bg_buttons.png) 0 -50px; 
	border: 1px solid #grey; 
	cursor: pointer;
}


.collapsible {
  background-color: #747474;
/*
  #838383;
*/
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 980px;
  border: none;
  text-align: left;
  outline: none;
/*
  font-size: 15px; 
*/
  font-weight: 700;  
}

.active, .collapsible:hover {
  background-color: #525252;
/*
  #6c6c6c;
*/
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: 700;  
/*
  font-weight: bold;
*/
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
  font-weight: 700;  
}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}