.outer_div
{
width:100%;
height:100%;
}
.container_div{
 
    height: 430px;
    background-color:rgba(0,0,0,0.1);
    text-align: left;
    top: 5px;
    width: 450px;
    z-index: 10000;
	border:0px solid black;
	opacity:1.6;
	border-radius:10px;
}
.ca-close {
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    height: 27px;
    opacity: 0.7;
    outline: medium none;
    
    right: 10px;
    text-indent: -9000px;
    top: 10px;
    width: 27px;
	}
	
/* `Containers
----------------------------------------------------------------------------------------------------*/

#container{ /* Use this to position the entire tab module */
	margin:0 auto; 
	width:430px; 
	height:350px;
	background-color:#FFFFFF;
	background:#FFFFFF;
	border-top-left-radius:10px;
	
}

.tab-container {
	position: relative; /* It's important to keep this position relative and the absolute positions in this file the same */
	width: 100%; 
	z-index:0;
}

/* `Common Styles
----------------------------------------------------------------------------------------------------*/

/* Tabs */

.tab-container > div { 
	display: block; 
}

.tab-container > div > a {  
	position: relative !important; /* Keeps the tabs in line with each other */
	text-decoration: none; 
	color: #000000; 
	display: inline-block;

	font-size:15px;
	background: none repeat scroll 0 0 #FFFFFF;
	 /* old browsers */
	
	padding: 0px 0px;
	
	border-radius: 3px 3px 0px 0px;
    text-shadow: 0 -1px 0 #000000;
	
}

.tab-container > div:not(:target) > a {
}	

.tab-container > div:target > a { 
    
   text-shadow: 0 1px 0 #4C4648;
}	

.tab-container > div > div { /* This is the container which holds the tab content */
	background: #FFFFFF; /* old browsers */
	top: 50px;
	height:200px;
	 /* Change this value if you need more or less content space */
	position:absolute; /* Fixes IE 7 & 8 */
}	
.tab-container > div:not(:target) > div { 
	position: absolute; /* This keeps the tab module contained */
}

.tab-container > div:target > div { 
	position: absolute; 
	z-index: 3 !important; /* Brings the content to the front depending on the tab that was clicked */ 
	width:100%;
	height:300px;
	}


.tab-content img{ 
	margin:0 auto; 
	display:block; 
	padding-bottom: 20px;
    padding-top: 10px;
}
.label_div
{
	float:left;
	color:#000000;
	width:130px;
	text-align:right;
	height:25px;
}
.send_div
{
	width:240px;
	height:20px;
	float:left;

}
.action_div
{
	width:100%;
	height:30px;
	margin-top: 10px;
}
.cancel_div
{
	width:240px;
	height:20px;
}
#email_div
{
	height: 315px;
    width:430px; 
	display:block;
	padding-top: 10px;
}
#share_div
{
	 height: 50px;
	 width:430px; 
	 display:none;
}
.text_div
{
	margin-left:2px;
	text-align:center;
	padding-right:130px;
	height:25px;
}
.img_div
{
	float:left;
	margin-left:2%;
}

.content-container
{
	font:normal 11px arial;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#999;
	background:#FFFFFF; 
}

.email_input"
{
	border:0px solid #ff0000;  	
}

.form_div
{
	padding-top:4px;
}

.email-tab
{
	height: 25px;
	width:80px; 
	border-radius: 8px 8px 0px 0px;
	border:1px solid #999;
	cursor:pointer;
	font:bold 12px arial;
	background-image: linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -o-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -moz-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -webkit-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -ms-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(179,179,179)),
		color-stop(0.67, rgb(235,235,235))
	);


}

.share-tab
{
	height: 25px;
	width:80px; 
	border-radius: 8px 8px 0px 0px;
	border:1px solid #999;  	
	cursor:pointer;
	font:bold 12px arial;
	background-image: linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -o-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -moz-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -webkit-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);
	background-image: -ms-linear-gradient(bottom, rgb(179,179,179) 9%, rgb(235,235,235) 67%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(179,179,179)),
		color-stop(0.67, rgb(235,235,235))
	);


}