body{
		font-family:arial;	
		font-size:13px;
		background-color:#fafafa;
		background-size:100%;
		overflow:hidden;
	}
	
	h1, h2, h3{
		font-weight:normal;
		font-family:SFSlapstickComicBold;
		margin:0px;
		padding:0px;
		padding-bottom:7px;
	}

	h1{
		letter-spacing:2px;	
	}

	h3{
		padding-bottom:2px;	
	}
	
	.button{
		cursor:pointer;	
	}
	
	.drag{
		cursor:move;		
	}

	.button3d{
		padding:5px;
		margin:15px;
		margin-top:0px;
		color:black;
		cursor:pointer;
		border:2px solid black;
		background-color:white;
		font-family:SFSlapstickComicBold;
		font-size:12pt;
		text-align:center;
	
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		border-radius: 10px; 
	    
	    box-shadow: 0px 0px 20px rgba(1, 0, 0, 0.5);
	    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	    -webkit-box-shadow: 4px 4px 20px rgba(1, 1, 1, 0.5);
	}
	
	
	.button3d:hover{
		background-color:#444;
		color:white;
	}
	
	.button3d h1, 	.button3d h2, 	.button3d h3{
		padding-bottom:0px;	
	}
	
	.green{
		color:white; 
		background-color:green;
	}
	
	
	.green:hover{
		color:green; 
		background-color:yellow;	
	}
	

	
		
	
	/*---- assorted UI ----*/

	#logo{
		position:fixed;
		top:0px;
		left:0px;
		z-index:10000;
		z-index:1;
		width:260px;
		height:199px;
		XXXbackground:url('http://artdispenser.com/instacomic/images/ICLogoColor.png');
			
	}
	
	#logo img{
		-webkit-transition: all .5s ease-in-out;
	    -moz-transition: all .5s ease-in-out;
	    -o-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;	
	    width:220px;
	}

	#photoWhere{
		position:absolute;
		right:-2px;
		bottom:160px;
		z-index:1000;	
	}
 
	#mainMenu{
		position:absolute;
		z-index:4;
		left:40px;
		top:170px;
	}

	#publishButton{
		bottom:-10px;
		left:33%;	
		position:fixed;
		z-index:4;
	}

	#fileBox{
		XXbackground-color:white;
		width:150px;
		position:fixed;
		top:250px;
		left:-25px;
		z-index:99999999999999;	
	}

	#diagToolbox{
		XXbackground-color:white;
		width:150px;
		position:fixed;
		top:250px;
		left:20px;
		z-index:99999999999999;	
	}
	
	#popOutButton{
		position:fixed;
		right:350px;	
		top:20px;
		display:none;
		z-index:4;
	}
	
	#logOut{
		color:#555;
	}
	
	#trash{
		width:50px;
		height:62px;
		bottom:-20px;
		left:-20px;
		position:fixed;
		padding:45px;
		background:url('../images/trash.png') no-repeat center;	
		z-index:4;	
	}

	#trash.trashActive{
		z-index:5;
	}

	#trash.trashHover{
		background:url('../images/trash-open.png')  no-repeat center;
		z-index:5;
	}
	
	
	#fbImageSizer{
		border:3px dashed #999;
		width:960px;
		height:720px;
		top:50px;
		left:50px;
		z-index:2;	
		text-align:right;
		color:#bbb;
		padding:20px;
		display:none;
	}

	#scaleOMatic{
		position:absolute;
		top:150px;
		left:40px;
		width:6px;  
		height:200px; 
		background-color:white; 
		z-index: 10; 
		border: 1px solid gray; 
		-moz-border-radius: 3px;
		border-radius: 3px;		
		display:none;
	}

	#zoomAlert{
		position:fixed;
		bottom:20px;
		right:0px;
		
		background-color:white;
		font-size:8pt;
		color:#666;
		padding:10px; 
		border:2px solid gray; 		

		display:none;

		-moz-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 5px 0px 5px #888;
		-moz-box-shadow: 5px 0px 5px #888;
		-webkit-box-shadow: 5px 0px 5px #888;
	}
	
	#hideShowZoomAlert{
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);		
		transform: rotate(-90deg);				
		position:absolute;
		top:60px;
		left:0px;
		font-size:10pt;
		font-weight:bold;
		
	}

	#mainComboboxPositioner{
		padding:10px;	
		padding-top:0px;
	}
	
/* -- pencilled in instructions --*/

	#pencilHelpHolder{
		z-index:2;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:none;
	}
	
	#helpTrash{
		position:absolute;
		bottom:80px;
		left:2px;
		display:none;	
	}
	
	#helpPublish{
		position:absolute;
		bottom:20px;
		left:31%;	
		display:none;
	}
	
	#helpSpeech{
		position:absolute;
		bottom:20px;
		right:250px;	
		display:none;
	}
		
	#helpFriend{
		display:none;
		position:absolute;
		top:20px;
		right:250px;	
	}
	
	#helpDragout{
		position:absolute;
		bottom:95px;
		right:270px;	
	}

	#helpHideButton{
		position:absolute;
		bottom:200px;
		left:10px;
		z-index:10;
		display:none;	
		visibility:hidden;			

	}
	
	#helpShowButton{
		position:absolute;
		bottom:-200px;
		left:10px;
		display:none;	
		z-index:10;
	}


	
	/*--- mechaincal divs ---*/
	
	#editElTempHolder{
		z-index:1000000;
		position:absolute;
		top:0px;	
		left:0px;			
	}
	
	#panelHolder{
		position:absolute;
		z-index:3;
		top:0px;	
		left:0px;			
	}

	#panelHoverHolder{
		position:absolute;
		z-index:1003;
		top:0px;	
		left:0px;	
	}

	#panelHoverHolder .panel{
		box-shadow:         0px 0px 30px rgba(255, 255, 255, 1);
		XXborder:4px solid white;
	}
		
	#bubbleHolder{
		z-index:4;
		position:absolute;
		top:0px;
		left:0px;	
	}
		
	#dragHolder{
		z-index:100;
		position:absolute;
		top:0px;
		left:0px;
	}

	#groupDragger{
		z-index:1000;
		position:absolute;
		top:0px;
		left:0px;
		width:0px;
		height:0px;		
		cursor:move;		
		display:none;
	}
	
	#isolationBackdrop{
		background-color:gray;
		opacity:.75;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		position:fixed;
		display:none;
		z-index:1001;	
	}
		
	
	/*---- picker and parts ----*/

	.sectionTab{
		position:relative;	
		width:100%;
		height:35px;
		margin-bottom:-30px;
		background:url('../images/sourceTab.png')
	}
	
	#pickerUIPositioner{
		position:fixed;
		top:0px;
		height:100%;
		right:0px;	
		z-index:1000;
	}
	
	#pickerUISizer{
		width:234px;
		min-width:237px;		
		height:100%;
		-moz-box-shadow: -5px 0px 5px #888;
		-webkit-box-shadow: -5px 0px 5px #888;
		box-shadow: -5px 0px 5px #888;;
		background-color:white;
		z-index:10000;
	}
	
	.section{
		overflow:hidden;	
		height:37px;
		position:relative;
		margin-bottom:-10px;
	}
	
	.sectionHead{
		padding-top:5px;		
		padding-left:20px;
		cursor:pointer;
		position:relative;
		width:400px;

	}
	
	
	
	#friendMenu{
		position:relative;
		XXXtop:50px;
		XXXright:10px;;
		max-height:500px;
		width:100%;
		overflow:scroll;
		margin:00px;
		padding:10px;
		border:2px solid gray;
		border-top:0px solid gray;		
		border-right:0px solid gray;				
		z-index:10002;
		background-color:white;
		visibility:hidden;
	}

	
	
	
	.friend, .album{
		float:left;
		width:95px;
		height:17px;
		padding-right:10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.friend:hover, .album:hover{
		text-overflow: auto;
		overflow: visible;
		background-color:gray;
		//color:white;
		-moz-border-radius: 3px;
		border-radius: 3px;		
	}

	#albumTitle{
		position:relative;
		border-bottom:2px dashed gray;
		border-top:2px dashed gray;
		//left:10px;
		//top:40px;	
	}

	#albumTitle:hover #albumPicker{
		visibility:visible;
	}

	#albumPicker{
		position:relative;
		right:10px;
		left:0px;
		max-height:70px;	

		overflow-x:hidden;
		overflow-y:auto;	
		overflow:auto;		
		margin:00px;
		padding:10px;
		padding-top:5px;		
		z-index:1000;
	//	border:2px solid gray;
	//	border-top:0px solid gray;	
	//	border-right:0px solid gray;						
	//	z-index:10002;
		background-color:white;
	//	visibility:hidden;
	}
	
	#albumPicker span{
		display:block;
		width:100%;
		float:left;	
	}


	#photoTitle{
		position:relative;
		width:100%;	
		background-color:white;

		
	}

	.picker{   // applies to all photo pickers
		position:relative ;
		right:0px;
		top:0px;
		overflow-y:scroll;
		overflow-x:hidden;
		z-index:1000;
		padding:15px;
		text-align:center;
		
	}


	#photoPicker{
	}
	

	#bubblePalette{
		position:absolute ;
		right:0px;
		height:75px;		
		bottom:60px;
		width:100%;
		z-index:1001;
		background-color:white;
		overflow-x:auto;
		overflow-y:hidden;

		border-top:2px dashed gray;	
		-moz-box-shadow: 0px -5px 5px #fff;
		box-shadow: 0px -5px 5px #fff;

		/*
		border-top:0px dashed gray;	
		-moz-box-shadow: 0px -5px 5px #666;
		box-shadow: 0px -5px 5px #666;
		*/
	}

	
	#bubblePaletteSlider{
		width:400px;	
		
	}
	
	
	.photoThumb{
		margin:3px;	
		margin-top:0px;	
		margin-bottom:10px;
		border:3px solid black	;
		position:relative;
		height:60px;
		display:inline-block;
		max-width:200px;
	}
	
	.deleteComic{
		
		width:10px;
		height:10px;
		position:absolute;
		top:-30px;
		right:-30px;	
		margin:20px;
		padding:5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		color:white;
		background-color:black;
	}
	
	.deleteComic:hover{
		background-color:red;	
	}
	
	.ui-resizable-w{
		position:absolute;
		top:30%;
		left:-35px;
		height:217px;
		width:38px;
		//background-color:red;
		background:url('../images/tab.png');
		
		z-index:1000;
		
	}

	.ui-resizable-s{
		position:absolute;
		left:40%;
		bottom:0px;
		border:20px solid red;	
	}

	#panelHolder .ui-resizable-se{
		position:absolute;
		background:url('../images/sizer-circle.png') no-repeat;
		right:-26px;
		bottom:-24px;
		width:48px;
		height:46px;
		cursor:se-resize;
				
	}
	
	
	.ui-resizable-e{
		position: absolute;
		background: url('../images/sizer-ew-circle-invert.png') no-repeat;
		right: -20px;
		top: 10px;
		width: 35px;
		height: 35px;
		cursor: e-resize;
	}

	#editElTempHolder .ui-resizable-se{
		XXXvisibility:hidden;	
	}

		
	.ui-slider-handle{
		position:absolute;
		left:-6px;
	}
	
	.ui-combobox {
		position: relative;
		display: inline-block;
	}
	.ui-combobox-toggle {
		position: absolute;
		top: 0;
		bottom: 0;
		margin-left: -1px;
		padding: 0;
		/* adjust styles for IE 6/7 */
		*height: 1.7em;
		*top: 0.1em;
	}
	.ui-combobox-input {
		margin: 0;
		padding: 0.3em;
	}
	
	.ui-autocomplete {
		max-height: 300px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
		width:200px;
	}
	
	 #modalFrame .ui-autocomplete-input{
	     width:270px;
	 }	
	
	.ui-state-default{
		border:2px solid black;		
	}
		
	
	.ui-selected.speechBubble, .ui-selected.narrationBubble, .ui-selected.panel {
		border-color:red;	
	}
	
	.ui-selectable-helper{
		border:2px dashed gray;
	 	position:fixed;
	}

	
	/*----- Panel Styles -----*/
	
	
	.panel{
		width:200px;

		position:absolute;	
		border:4px solid black;
		XXXoverflow:hidden;
		z-index:2;
		XXXbackground-color:black;
		cursor:move;
	}
	
	.panel:hover{
		XXz-index:99999!important;
	}
	
	.panelCropper{
		width:100%;
		height:100%; 
		overflow:hidden;
		position:relative;
	}

		
	.centerInFrame{
		position:absolute;
		left:50%;
		top:50%;	
		width:20px;
	}

	.centerImage{
		position:absolute;
		left:-150px;
		top: -150px;	
		width:20px;
	}
	
	.panelImg{
//		Xwidth:200px;
		position:absolute;	
	}
	
	#panelHoverHolder .panelImg{
		opacity:.8;
	}
	
	.sizerHolder{
	
		position:absolute; 
		top: 10px;
		left: -12px;

		height:62%;
		width:18px;	
			
		XXdisplay:none;
		opacity:0;
		
		-webkit-transition: all .5s ease;
  		-moz-transition: all .5s ease;
  		-ms-transition: all .5s ease;
  		-o-transition: all .5s ease;
  		transition: all .5s ease;		
  		
		background-color:black;	
  		
		border:2px solid black;
		XXborder-right:0px;
	
		-moz-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
	  		
	}

	.sizerSlider{
		background-color:white; 
		position:absolute; 
		top:10%;  
		left:-1px; 
		width:6px;  
		height:75%; 
		z-index: 10; 
		border: 2px solid black; 		

		-moz-border-radius: 5px;
		border-radius: 5px;		
		
	}
	
	#panelHolder .panel:hover .sizerHolder, 		#panelHoverHolder .panel:hover .sizerHolder{
		//display:block;	
		opacity:1;		
	}
		
	.panelPanPin{
		position:absolute;
		top:40%;
		left:37%;	
		display:none;
		cursor:pointer;		
	}	
	
	#panelHolder .panel:hover .panelPanPin, 			#panelHoverHolder .panel:hover .panelPanPin{
		display:block;
	}
		
	.panelInstructs1{
		position:absolute;
		bottom:0px;
		width:100%;
		text-align:center;

		background-color:black;
		color:white;
		display:none;
	}

	.duplicatePanel{
		//display:none;
		position:relative;
		top:-10px;
		height:10px;
		left:5px;
		width:60px;
		padding:4px;
		font-size:10px;
		font-weight:bold;
		color:white;
		
		XXz-index:1001;
		
		XXdisplay:none;
		opacity:0;
		
		-webkit-transition: all .5s ease;
  		-moz-transition: all .5s ease;
  		-ms-transition: all .5s ease;
  		-o-transition: all .5s ease;
  		transition: all .5s ease;		
  		
		background-color:black;	
  		
		border:2px solid black;
		XXborder-right:0px;
	
		-moz-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
	  		
	}
	
	#panelHolder .panel:hover .duplicatePanel		,#panelHoverHolder .panel:hover .duplicatePanel{
		opacity:1;
//		display:block;	
	}
	
	.duplicatePanel:hover{
		background-color:black;
		color:white;	
	}


	.panelInstructs2{
		position: absolute;
		top: 20%;
		left: -12px;
		width: auto;
		text-align: center;
		font-size: 8pt;
		color: white;
		display: none;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);		
	}
	
	#panelHolder .panel:hover .panelInstructs2 ,		#panelHoverHolder .panel:hover .panelInstructs2 {
		display:block; 	
	}
	
	/* ----- headline bubble styles ----- */

	.headline{
		font-family:"Comic Sans MS";
		font-family:SFSlapstickComicBold;
		font-size:28px;				
		text-align:center;		
		line-height: 90%;
		
	  -webkit-text-stroke: 1px black;
	  text-stroke: 1px black;

		color: white;
 	  	text-shadow:
       		3px 3px 0 #000,
     		-1px -1px 0 #000,  
      		1px -1px 0 #000,
      		-1px 1px 0 #000,
       		1px 1px 0 #000;
		
		padding:7px;
		z-index:500;
		position:absolute;	
		cursor:move;
	}
	
	.headline:hover{
		outline:2px dashed black;	
	}
	
	.headline .bubbleContentEdit{
		font-family:"Comic Sans MS";
		font-family:SFSlapstickComicBold;
		font-size:28px;				
		text-align:center;
		line-height: 90%;		
		
	  	-webkit-text-stroke: 1px black;
		text-stroke: 1px black;
	   	color: white;
   		text-shadow:
       		3px 3px 0 #000,
     		-1px -1px 0 #000,  
     		1px -1px 0 #000,
			-1px 1px 0 #000,
      		1px 1px 0 #000;

		position:relative;
		top:0px;
		left:0px;
		overflow:hidden;
		text-align:center;
		border:0px solid red;
		resize: none;
		width:100%;
		padding:0px;
		margin:0px;
		display:none;
		height:100%;
		background-color:transparent;
			
	}
	
	.headline .bubbleTail{
		width:300px;
		height:150px;
		position:absolute;
		top:150px;	
		display:none;
	}
	
	.headline .tailHandleImage{
		position:absolute;
		left:-20px;
		top:-10px;
		display:none;
		visibility:hidden;
		padding:10px;
		width:30px;
	}
	
	.headline	.bubbleContent{
		font-family:"Comic Sans MS";
		font-family:SFSlapstickComicBold;

	}
	

	/* ----- narration bubble styles ----- */

	.narrationBubble{
		font-family:"Comic Sans MS";
		font-family:"Conv_DigitStr";
		font-size:14px;
		font-size:11px;				
		text-align:center;
		padding:7px;
		z-index:500;
		XXXwidth:150px;
		position:absolute;	
		background-color:#fffeb3;
		border:2px solid black;
		-moz-box-shadow: 3px 5px 0px #000;
		box-shadow: 3px 5px 0px #000;
		cursor:move;
	}
	
	
	
	.narrationBubble .bubbleTail{
		width:300px;
		height:150px;
		position:absolute;
		top:150px;	
		display:none;
	}
	
	.narrationBubble .tailHandleImage{
		position:absolute;
		left:-20px;
		top:-10px;
		display:none;
		visibility:hidden;
		padding:10px;
		width:30px;
	}
	
	.narrationBubble	.bubbleContentEdit{
		background-color:#fffeb3;	
	}
	

	/* ----- speech bubble styles ----- */

	.speechBubble{
		font-family:"Comic Sans MS";
		font-family:"Conv_DigitStr";
		font-size:14px;
		font-size:11px;				
		text-align:center;
		padding:7px;
		z-index:500;
		XXXwidth:150px;
		position:absolute;	
		background-color:white;
		border:2px solid black;
		-moz-box-shadow: 1px 2px 0px #000;
		box-shadow: 1px 2px 0px #000;
		-moz-border-radius: 5px;
		border-radius: 5px;	
		cursor:move;
	}
	
	.speechBubble:hover{
		z-index:99999!important;
	}

	
	.bubbleContentEdit{
		position:relative;
		top:0px;
		left:0px;
		overflow:hidden;
		font-family:"Comic Sans MS";
		font-family:"Conv_DigitStr";		
		font-size:14px;
		font-size:11px;		
		text-align:center;
		border:0px solid red;
		outline:0px none transparent;		
		resize: none;
		width:100%;
		padding:0px;
		margin:0px;
		display:none;
		height:100%;
			
	}
	
	.bubbleContent{
		font-family:"Comic Sans MS";
		font-family:"Conv_DigitStr";		
	}
	
	.bubbleTail{
		width:300px;
		height:150px;
		position:absolute;
		top:150px;	
	}
	
	.tailHandleImage{
		position:absolute;
		left:-20px;
		top:-10px;
		display:none;
		padding:10px;
		width:30px;
	}
	

	#editElTempHolder .tailHandleImage{
		XXXvisibility:hidden;	
	}
	
	.spContentEditFinish{
		font-family:SFSlapstickComicBold;
		font-size:14pt;
		color:white;
		right:0px;
		position:absolute;
		bottom:-150px;
		width:100%;
		min-width:100px;

		display:none;
		color:white;
//		background-color:black;
		padding:1px;	
		z-index:5;

//		-moz-border-radius: 5px;
//		border-radius: 5px;


	}
	
	.spContentEdit{
		font-family:arial;
		font-size:10pt;
		left:0px;
		position:absolute;
		bottom:0px;
		width:100%;

		display:none;
		color:white;
		background-color:black;
		padding:1px;	
		z-index:4;
	}
	
	
	.canvasCropper{
	}
	
	#photoThrobber{
		width:100%;  
		text-align:center; 
		position:absolute;
		top:50%;
	}
	
	#albumThrobber{
		width:100%;  
		text-align:center;
		position:absolute;
		top:20%;
		display:none;
		z-index:1000;
	}
	
	/* ---------------- upload overlay -------------*/

	#ulDragOverlayHolder{
		display:none;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;		
		z-index:1000;
		text-align:center;
	}	
		
	#ulDragOverlayBG{
		background-color:black;
		opacity:0.5;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;	
	}
	
	#ulDragOverlayFG{
		background-color:transparent;
		position:absolute;
		display:blaock
		border:1px dashed red;
		top:0px;
		left:0px;
		width:100%;
		height:100%;	
	}

	#ulDragOverlayContent{
		position:relative;
		width:400px;
		display:inline-block;
		text-align:center;
		color:white;
		top:200px;
		border:5px dashed white;
		background-color:black;
		-moz-box-shadow: 0 0 100px 5px #000;
		-webkit-box-shadow: 0 0 100px 5px#000;
		box-shadow: 0 0 100px 5px #000;
	}

	
	
	/* ---------------- modal dialog -------------- */
#modalHolder{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
	display:none;

}

#modalFill{
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:black;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	
}

#modalContent{
	height:100%;	
	color:black;
}

#modalFrame{
	position:absolute;
	padding:20px;
	top:100px;
	left:100px;
	width:300px;
	background-color:white;
	border:4px solid black;
    box-shadow: 0px 0px 20px rgba(1, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 20px rgba(1, 1, 1, 0.5);

}

#modalIframe{
	width:100%;
	height:90%;
	border:0px;
}

.modalButton{
	padding:10px;
	margin:10px;
	color:black;
	cursor:pointer;
	border:2px solid black;
	background-color:white;
	font-family:SFSlapstickComicBold;
	font-size:15pt;

	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
    
    box-shadow: 0px 0px 20px rgba(1, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 20px rgba(1, 1, 1, 0.5);


}

.modalButton:hover{
	background-color:#666;
	color:white;
}

.modalButtonFB{
	padding:10px;
	margin:10px;
	color:white;
	cursor:pointer;
	border:2px solid black;
	background-color:#3B5998;
	font-family:SFSlapstickComicBold;
	font-size:15pt;

	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
    
    box-shadow: 0px 0px 20px rgba(1, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 20px rgba(1, 1, 1, 0.5);


}


.modalButtonFB:hover{
	background-color:white;
	color:#3B5998;
}

#modalButtons{
	position:absolute;
	bottom:-10px;
	width:93%;
	text-align:center;
	z-index:10;	
}