/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
    #loginWrapper #registerdLogin,
    #loginWrapper #quickLogin   
    {
        border: none;
        padding-right: 30px;
        min-height: 0;
    }   
 
    #loginWrapper label#forgotPassword 
    {
        float: left;
        padding-left: 0;
        padding-top: 10px;
        text-align: left;
        width: 100%;
    }            
    #newRegistrationLink 
    {
        padding-left: 0;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 781px)
{ 
.calendar
{
	margin-left: -20px;
}
.detailDiv
{
/*	max-width:243px;*/
	max-width:100%;
}
.eventHeader{
	max-width: 250px;
}

.eventDescription
{
	max-width: 230px;
}
#eventDetailDescription
{
	min-height: 0;
}
.eventDetailShadow
{
	/*width: 272px; */
	display:none;
}

/* to make room for buttons */
.calendarresults .eventDetailsBox .eventLocation{
	margin-bottom: 45px;
	margin-top: 15px;
}

.eventDetailsButtons{
	float: none; 
	width: 245px; 
	position: absolute; 
	bottom: 0; 
	right: 0;
}
.detailDiv .eventDetailsBox .eventSpecifics{
	margin-bottom: 65px;
}
#eventDetailRegisterButtonDiv{	
	bottom: 5px; 
}

#loginEventInfoDiv .row .calendarresults .detailDiv{
	max-width: 100%; /*220px;*/
}
#loginEventInfoDiv .row .calendarresults .detailDiv .eventDescription{
	max-width: 215px;
}

#loginWrapper h2
{
	margin-bottom: -25px;
}

#loginWrapper div.loginInstructions 
{
    margin-left: 25px;
    margin-top: 10px;
    width: 60%;        
}

#loginWrapper div.loginInstructions p {
    padding: 0 65px 0 0;
}

#loginWrapper #registerdLogin,
#loginWrapper #quickLogin,
#loginWrapper #newRegistration
{
    padding-left: 15px;
}

#loginWrapper #registerdLogin {
    min-height: 0;
}
#loginWrapper .buttonWrapper {
    margin-top: 10px;
}

#loginWrapper div.vertical-spacer 
{
    margin: 10px 25px 15px;        
    width: 50%;
}

#loginWrapper .vertical-spacer hr {
    margin: 0 auto;
}

#newRegistrationLink {
    padding-left: 0;
    padding-top: 10px;
    margin-top: 0;
}

#loginWrapper .row
{
	width: 320px;
	margin-left: 10px;
}

#loginWrapper label, #eventPaymentInfoWrapper label{
	float: none;
	text-align: left;
}

#loginWrapper input, #eventPaymentInfoWrapper input, #eventPaymentInfoWrapper select{
	float: none;
}

#loginWrapper label, #eventPaymentInfoWrapper label{
	float: none;
	text-align: left;
	width: 85%;
}

#loginWrapper label#forgotPassword
{
    float: left;
    padding-left: 0;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
    
#loginWrapper .row button{
	float: left;
	margin-top: 5px;
}
#loginWrapper input, #eventPaymentInfoWrapper input{
	float: none;
}
#newUsersWrapper{
	padding-left: 0 !important;
}

#loginWrapper #newUsersWrapper .row button {
	margin-top: -50px;
}
.shadowImg260{
	/*width: 260px;*/
	margin: 0 !important;
    width: 100%;
} 
#ticketCtrlWrapper .formWrapper {
	padding: 0;  /*was padding-left:0; */
}
#ticketCtrlWrapper .formWrapper table
{
/*	width: 300px;*/
	width: 100%;
}
.mobileHidden{
	display: none;
}
.formWrapper .xButton{
	width: 28px !important;
	background: url("/sitefinity/websitetemplates/mac/app_themes/mac/images/xbutton.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.container 
{
    max-width: 100%;
}
.formWrapper .leftborder {
    border-left: none;
    padding-left: 0px;
}
.formWrapper .rightborder {
    border-right: 0 none;
}
.long-int { 
	margin:20px 0px 0 0px;
}
#Registration label {
	float: none;
	text-align: left;
	width: 100%;
}
#Registration .formWrapper .companyNameSearchLabel
{
    text-align: left;
}

#Registration input, 
#Registration button, 
#Registration input[type="text"], 
#Registration input[type="password"], 
#Registration input[type="email"], 
#Registration select 
{    
    max-width: 100%;
}
#Registration input 
{
    float: none;
    width: 100%;
}
#Registration .row
{
    margin-left:10px;
    margin-right:10px;
}
#Registration select 
{
       width: 100%;
}
#Registration .companyNameSearchLabel
{
    padding-left:0;
    text-align: left;
}

#Registration .field-validation-error 
{
    float: none;    
}

#header
{
    margin: 16px 10px 30px;
}
#header .container 
{
    max-width:90%;
}

#logo
{
    margin-left: 0;
}
#logo img {
    max-width: 90%;
}
#social .columns {
    width: 45%;
}
#mainNav ul li a {
    width: 78%;
}
#Company label {
	float: none;
	text-align: left;
	width: 100%;
}
#Company input 
{
    float: none;
    width: 100%;
}
#Company .row
{
    margin-left:10px;
    margin-right:10px;
}
#Company select 
{
       width: 100%;
}

/*Custom page addition */
/* Custom Page addtion */
#membersCompanyDesc 
{
    min-width: 300px;  
}

.memberImage img
{	
    max-width:280px;
}

} /* end Smartphones */