Mini Shell

Current File : /home/serb/www/css/elements.css
/*----------------------------------------------
css settings for HTML div exactCenter 
------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Raleway);

#abc{
width: 100%;
height: 100%;
opacity: 0.95;
top: 0;
left: 0;
display: none;
position: fixed;			
background-color: #313131;
overflow:auto;

}

img#close{
position: absolute;
right: -14px;
top: -14px;
cursor: pointer;
}

div#popupContact{
/*position: absolute; 
left: 35%;
top: 17%;*/
/*margin-left: -202px;*/
/*font-family: 'Raleway', sans-serif;*/




background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
    left: 50%;
    margin-left: -182px;
    margin-top: -235px;
    position: absolute;
    top: 50%;
    width: 364px;
    z-index: 2;
}
.popupProfilePic img
{
	height:298px;
	width:195px;	
}
.popupProfilePic
{
	height:298px;
	width:195px;
	background: none repeat scroll 0 0 #fff;
    left: -100px;
    padding: 10px;
    position: absolute;
    top: -50px;
    transform: rotate(-15deg);	
}
.contactin
{
	background: radial-gradient(circle farthest-side at center bottom , #9a2e57 0px, #ef6c9e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b0466f;
    border-radius: 10px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8);
    font-family: helveticaneuelight;
    margin: 16px;
    padding: 19px 34px;
    position: relative;
    width: 265px;
    z-index: 40;
}
.msgcontain
{
	width:260px;
	margin:0 auto;
	

}
.calenderbox
{
	position:relative;
}
.contact_form label {
    display: inline-block;
    float: left;
    margin-top: 3px;
    padding: 3px;
    width: 150px;
}
.contact_form input[type="email"], .contact_form input[type="password"],  .defaultform input[type="email"], .defaultform input[type="number"], .defaultform input[type="password"], .defaultform input[type="tel"], .defaultform input[type="text"], .defaultform input[type="url"] {
    display: block !important;
    height: 25px;
    padding: 4px 20px 0 12px;
}
/*.contact_form input[type="email"], .contact_form input[type="password"], .contact_form input[type="text"] {
    width: 231px;
}*/
#messageform
{
	top:0;	
}

.wanttext
{
	font-family:'Open Sans',sans-serif;
	font-size:18px;
	font-weight:400;
	text-align:center;
}
.messagetext
{
	font-family:'Open Sans',sans-serif;
	font-size:26px;	
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.deliveredtextcolor
{
	font-family:'Open Sans',sans-serif;
	font-size:18px;	
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.replytext
{
	width:200px;
	height:120px;
	margin:0 auto;
	text-align:center;
	background: linear-gradient(to bottom, #dedede 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    box-shadow: 0 2px 3px -1px #b7b7b7 inset;
	color:#000;
}
.message
{
	background: linear-gradient(to bottom, #dedede 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    box-shadow: 0 2px 3px -1px #b7b7b7 inset;
    color: #444;
    float: left;
    font-family: helveticaneuelight,Helvetica,Arial,sans-serif;
    font-size: 15px;	
}



#form11{
max-width: 300px;
min-width: 250px;
padding: 10px 50px;
border: 2px solid gray;
border-radius: 10px;
font-family:raleway;
background-color: white;
}

p{
    margin-top: 5px;
	font-family:'Open Sans',sans-serif;
	font-size:15px;
	font-weight:400;
}
.emailtype
{
	width:82%;
	height:30px;
	margin-top: 5px;
	border: 1px solid #ccc;
	padding-left: 10px;	
	font-size: 14px;
	font-family:'Open Sans',sans-serif;
	line-height:30px;
}
h2{
background-color: #FEFFED;
padding: 20px 35px;
margin: -10px -50px;
text-align:center;
border-radius: 10px 10px 0 0;
}

hr{
margin: 10px -50px;
border: 0; 
border-top: 1px solid #ccc;
}
 
/*input[type=text]{
width:82%;
padding: 5px;

border: 1px solid #ccc;
padding-left: 10px;
font-size: 16px;
font-family:raleway;
} */

#name{
background-image: url('../images/name.jpg');
background-repeat: no-repeat;
background-position: 5px 7px;
}

#email{
background-image: url('../images/email.png');
background-repeat: no-repeat;
background-position: 5px 7px;
}
#phone
{
	background-image: url('../images/email.png');
background-repeat: no-repeat;
background-position: 5px 7px;
}
#venue
{
	background-image: url('../images/email.png');
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

textarea{
background-image: url('../images/msg.png');
background-repeat: no-repeat;
background-position: 5px 7px;
width:82%;
height: 95px;
padding: 10px;
resize:none;
margin-top: 10px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family:raleway;
margin-bottom: 10px;
}

#submit{
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#FFBC00;
color: white;
border: 1px solid #FFCB00;
padding: 10px 0;
font-size:20px;
cursor:pointer;
border-radius: 5px;
}

span{
/*color:red;*/
/*font-weight:bold;*/
}

/*button{
width:10%;
height:45px;
border-radius:3px;
background-color: peru;
color:white;
font-family: 'Raleway', sans-serif;
font-size:18px;
cursor:pointer;
}*/

/*-----------------------------------------------------------------
css settings for right side advertisement
------------------------------------------------------------------*/
img#fugo{
margin-left: 70%;
}
./BlackJoker Mini Shell 1.0