/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	.btn {
		display: inline-block;
		padding: 4px 14px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: whiteSmoke;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
		background-image: -webkit-linear-gradient(top, white, #E6E6E6);
		background-image: -o-linear-gradient(top, white, #E6E6E6);
		background-image: linear-gradient(to bottom, white, #E6E6E6);
		background-image: -moz-linear-gradient(top, white, #E6E6E6);
		background-repeat: repeat-x;
		border: 1px solid #BBB;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-color: #E6E6E6 #E6E6E6 #BFBFBF;
		border-bottom-color: #A2A2A2;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.btn-large {
		padding: 9px 14px;
		font-size: 16px;
		line-height: normal;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.btn {
		border-color: #C5C5C5;
		border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	}
	.btn-success {
		color: white;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #5BB75B;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
		background-image: -webkit-linear-gradient(top, #62C462, #51A351);
		background-image: -o-linear-gradient(top, #62C462, #51A351);
		background-image: linear-gradient(to bottom, #62C462, #51A351);
		background-image: -moz-linear-gradient(top, #62C462, #51A351);
		background-repeat: repeat-x;
		border-color: #51A351 #51A351 #387038;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}
.newLoginButton {
	cursor: pointer;
	margin: 0 auto;
	top: 37%;
	width: 100px;
	height: 50px;
	z-index: 2;
	position: relative;
}
.newIntroImg {
width: 100%;
position: absolute;
z-index: -10;
}
.btnShadow {
	-moz-box-shadow: 1px 2px 4px -1px black;
	-webkit-box-shadow: 1px 2px 4px -1px black;
	box-shadow: 1px 2px 4px -1px black;
	font-weight:bold;
	color:white;
}
a.btnShadow:hover {
	color: white !important;
	text-decoration:none !important;
}
a.btnShadow:active {

  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
	h2 {
		font-size: 100%;
	}

	.tea {
		padding-top: 16px;
	}
	.youtube {
		width:560px;
		height:315px;
	}
	
    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 24px;
        color: #3D3D3D;
    }
    
    a {
        color: #5bd698;
        text-decoration: none;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    a:hover {
        color: #46a173;
    }
    
    p {
        margin: 0 0 10px 0;
    }
    
	
	.socialIcons img{
		margin:5px !important;
	}
	
	.teaser {
		text-align:center;
		font-size: 200%;
		margin-bottom: 15px;
		margin-top: 40px;
	}
	
    .details {
        background: #f8f8f8 repeat-x;
        padding-top: 60px;
        padding-bottom: 50px;
    }
    
    .details h2 {
        margin-top: 20px;
    }
    
	.inMen {
		position: absolute;
		right: 60px;
	}
	
	.gtMenu a {
		color: blue;
	}
	
	.winnerTable img{
		margin:0 !important;
	}
	
	.gtMenu a:hover{
		text-decoration:underline;
	}
	
	.helperHint {
		width: 220px;
		color: gray;
		text-align: center;
		margin: 0 auto;
	}
	
	.gtMenu {
		text-align: left;
		font-size: 18px;
		width: 220px;
	}
	
    .details code {
        background: #eef695;
        background: rgba(234,239,175, 0.9);
        padding: 2px 3px;
    }
    
    .details img {
        margin: 20px 0 0 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    
    .details a {
        color: #7F7F7F;
    }
	
	.gray {
		color:gray !important;
	}
	
	.detailTitle {
		text-align: center;
		font-size: 30px;
		line-height: 30px;
		color: gray;
		margin-bottom: 15px;
	}
	
    .details2 a {
        color: #7F7F7F;
		opacity:.6;
		filter: alpha(opacity = 60);
		zoom: 1;
    }
	
	.ui-dialog-content {
		overflow:hidden !important;
	}
	
    .details a:hover {
        text-decoration: underline;
    }
	
	.details tr {
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#f8f8f8;
	}
	
	.menu {
		text-align:right;
		z-index:3;
		color:white;
	}
	
	.menu a {
		color:#989797;
		font-size:2em;
		font-weight:bold;
	}
	
	.menu a {
		color:#989797;
		font-size:2em;
		font-weight:bold;
	}
	
	.menu a:hover {
		color:#FFFFFF;
	}

	.menu #current {
		color:#FFFFFF !important;
	}
	
	#current {
		color:white;
	}
	
	.notifications {
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#c0bfbf;
	}
	
	.giveTable {
		width:100%;
		table-layout:fixed;
		border-collapse: collapse;
	}
	
	.giveTable td {
		padding: 10px 0;
		text-align: left;
	}
	
	.checkTD {
		width: 3% !important;
	}
	
	.actionTD {
		width: 4% !important;
	}
	
	.actionTD img{
		margin:0;
		opacity:.5;
		filter: alpha(opacity = 50);
	}
	
	.giveTable  tr {
		border-bottom:1px solid lightgrey;
	}
	
	.controlTR {
		border-width:0px !important;
	}
	
	.numOfWins {
		font-size: 12px;
		padding-top: 5px;
		color: gray;
	}
	
	.numOfWins select {
		color: gray;
	}
	
	.nameTD {
		width:42%;
		overflow:hidden;
		word-wrap:break-word;
		text-align: center;
	}
	
	.entryTD {
		width:9%;
		text-align: center;
	}
	
	.endsTD {
		width:21%;
		font-size: 12px;
		text-align: center;
	}
	
	.padBottom {
		height:20px;
	}
	
	.notifTitle {
		margin: 0 0 10px 0;
	}
	
	.notifTitle1 {
		font-size:1.5em;
		font-weight:bold;
	}
	
	.notifTitle2 {
		margin-left:10px;
		color:grey;
	}
	
	.notifiTitleTD {
		vertical-align: top;
		width:80px;
	}
	
	
	.ajaxLoadImage {
		background: url(https://giveawaytools.com/img/ajax-loader.gif) no-repeat;
		background-position: center;
		height: 100%;
		display:none;
		opacity:0;
	}
	
    .markup {
		font-size:12px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #F8F8F8 repeat-x;
    }
	
    .markup a{
        color:blue;
    }
	
	.pointer {
		cursor:pointer;
	}
	
	.logo {
		cursor:pointer;
		width: 230px;
		height: 110px;
		background: url(../img/gtBadgetop.png) no-repeat;
		z-index: 3;
		position: absolute;
	}
	
	.ribbon {
		margin-top:-210px;
		width: 230px;
		height: 410px;
		background: url(../img/ribbon4.png) no-repeat;
		z-index: 1;
		position: relative;
	}
	
	.ribbonIn {
		margin-top: -232px !important;
	}

	.menuItem {
		float:right;
		margin-top: 39px;
		margin-bottom: 39px;
	}
	.menuItem a{
		font-size:1.8em;
		margin: 0 20px;
	}
	.menu {
		padding-left: 240px;
	}
	
	.subRow1 {
		text-align:center;
		margin: 0 auto;
		top: 29%;
		z-index: 2;
		position: relative;
		color:white;
	}
	
	.subRow2 {
		text-align:center;
		margin: 0 auto;
		top: 33%;
		z-index: 2;
		position: relative;
		color:white;
	}
	
	label {
		font-weight: bold;
		font-size:1.5em;
	}
	
	.textBoxWrapper {
		margin: 0 auto;
		width: 190px;
		height: 60px;
		background: url(../img/textBox2.png) no-repeat;


	}
	
	input:-webkit-autofill {
		color: white !important;
	}
	.textBox {
		font-size: 14pt;
		width: 111pt;
		outline:none;
		margin: 20px 0 0 0;
		border: 0;
		background: url(../img/invis.gif) no-repeat !important;
	}
	
	.loginButton {
		cursor:pointer;
		margin: 0 auto;
		top: 37%;
		width: 100px;
		height: 50px;
		background: url(../img/login.png) no-repeat;
		z-index: 2;
		position: relative;
	}
	
	.logoutButton {
		margin: 0 auto;
		top: 37%;
		width: 100px;
		height: 50px;
		background: url(../img/logout.png) no-repeat;
		z-index: 2;
		position: relative;
	}
	
	.dropshadow {
	
    background: url(../img/topdrop1.png) !important;
    position: absolute;
    left: 0px;
    width: 100%;
	padding:0;
	height: 6px;
	font-size:0px;
	}
	
	.header {
	background: url(../img/yep15.png) repeat-x center;
	height: 100px;
	}
	
    .header .logo h1 {
        /* color: #5DD7A0; */
        color: transparent;
        font-size: 0;
        margin-left: -1000px;
    }
	
	h1 {
		font-size: 100%;
		font-weight: normal;
	}
    
	.centered {
		text-align:center;
	}
	
	.centeredMargin {
		font-size: 150%;
		line-height: 30px;
		margin:0 auto;
	}
	
    .intro {
		width:100%;
        font-weight: bold;
        color: white;
		padding:0;
		font-size:16px;
    }
	
    .intro p{
        font-weight: normal;
    }
	
	.imgBuffer {
		height:100%;
	}
	
	.backImage {
		width: 100%; 
		height: 100%; 
		position: absolute; 
		left: 0px; 
		top: 0px; 
		z-index: -1;
	}

	.padTD {
		width:3%;
	}
	
	.smallPadTD {
		width:20px;
	}
	
	.introImg {
		width:100%;
		height: 815px;
		position: absolute;
		z-index: -10;
	}
	
    .social {
        position: absolute;
        top: 680px;
        width: 212px;
    }
    
    .social .twitter {
        float: left;
    }
    
    .social .fb {
        float: right;
    }
    
    .teal {
    color: #0eaeb4;
    }
    
    .red {
    color: #e20000;
    }
    
    .purple {
    color: #8002d9;
    }
    
    .lightgrey {
    color: #868686;
    }
    
    .burntorange {
    color: #bc3e00;
    }
    
    #resize {
        position: fixed;
        right:0px;
        bottom:0px;
        padding: 0px;
        margin: 0px;
    }
    
    .columns .onecol {
        background: #5bd698 url(../img/downloadbg.png);
        height: 20px;
    }
	
	.logoRow {
		height: 25%;
	}
	
	.loginMenItem {
		display:none;
	}
	
	.alphaHead {
		font-size:40px;
		margin-top:4px;
		line-height:40px;
	}
	#target1 div.contactHead {
		font-size:40px;
		margin-top:4px;
		line-height:40px;
		font-weight:normal;
	}
	
	.alphaText {
		margin:30px;
		font-size:1.3em;
	}
	
	.alphaText input {
		font-size: 18px;
		width: 200px;
	}
	
	.alphaText ul {
		font-size: .8em;
	}
	
	.mobileAdd {
		display:none;
	}

	
	#target1 div.contactMes {
		margin:25px;
		text-align:left;
		margin-left: 55px;
		margin-top: 20px;
	}
	
	.mobileHome {
		display:none;
	}

	.termsBox {
		width: 330px;
		height: 70px;
	}

	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media only screen and (max-width: 1026px) {
	.mobileAdd {
		display:block;
	}
	.deskAdd {
		display:none;
	}
}
@media only screen and (max-width: 989px) {
	.menuItem {
		font-size: 13px;
	}
	#midnightWindow, #gtHelpMenuCon {
		display:none;
	}
}
@media only screen and (max-width: 958px) {

}
@media only screen and (max-width: 920px) {

}
@media only screen and (max-width: 899px) {
	.gtMenu {
		position: relative !important;
		margin: auto !important;
		top: 0 !important;
	}
	.logo, #loginForm, #badge {
		display:none;
	}
	.menu {
		padding-left: 0;
	}
	.mobileHome {
		display:block;
	}
	.loginMenItem {
		display:block;
	}
}


@media handheld, only screen and (max-width: 767px) {
    body {

    }
	.newIntroImg {
		height: 100% !important;
	}
	.smallSeperate {
		max-width:302px;
	}
	.adClass {
		margin-top:0px !important;
	}
	
	.welHead {
		font-size: 2.3em !important;
	}
	
	.ui-dialog {
		max-width: 280px;
	}
	.ui-dialog-content textarea {
		max-width: 235px !important;
	}
	.ui-dialog-content input {
		max-width: 240px !important;
	}
	.prizeValueArea {
		width: 100px !important;
		display: inline-block;
	}
	#copySelect {
		width: 280px;
	}
	.termsBox {
		width: 280px;
		height: 70px;
	}
	.logoRow {
		height: 15%;
	}
	.youtube {
		width:300px;
		height:150px;
	}
	.logo {
		display:none;
	}
	.loginMenItem  .menuItem a{
		color:green;
	}
	.menuItem  {
		margin: auto;
	}
	.menuItem a{
		font-size:1em !important;
		margin: 0 9px;
	}
	.menu {
		padding-left: 0 !important;
		
	}
	.header {
		background: url(../img/yep15.png) repeat center;
		height: auto;
	}
	.teaser {
		font-size: 150%;
		margin-top: 30px;
	}
	h2 {
		font-size: 85%;
	}
	.introImg {
		height: 965px;
	}
	
	.alphaHead {
		font-size: 18px;
		line-height: 18px;
	}
	#target1 div.contactHead {
		font-size: 18px !important;
		line-height: 18px;
	}
	.contactCol div {
		font-size: 14px !important;
	}
	.alphaText {
		font-size:1em;
		margin: 30px 0px;
	}
	.alphaText input {
		width: 140px;
	}
	.alphaText ul {
		font-size: 1em;
	}
	.contactCol textarea {
		width: 260px;
	}
	#target1 div.contactMes {
		margin:0;
		margin-left: 10px;
		margin-top: 20px;
	}
	.giveTable tr td {
		font-size:12px;
	}

	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		padding-left: 10px;
		padding-right: 10px;
		word-wrap:break-word;
	}
	
    .intro {
        padding-bottom: 20px;
        font-size: 18px;
        line-height: 26px;
		height: 100% !important;
    }
    
    .details {
		padding-top: 5px;
    }
    
    .markup {
        padding-top: 55px;
    }
    
    .markup a {
        color: gray;
    }
    
    .markup a:hover {
        text-decoration: underline;
    }
	
    .fb, twitter {
        float: left;
    }
    
    .introcopy {
        clear: both;
    }
    
    .header .logo {
        margin: 0 auto;
    }
	.checkTD {
		display:none;
		width: 0% !important;
	}
	.actionTD {
		width: 15% !important;
	}
	.padTD {
		width: 3% !important;
	}
	.entryTD {
		width: 15% !important;
	}
	.nameTD {
		width: 42% !important;
	}
	#massDelete {
		margin-top: 5px !important;
		margin-right: 5px !important;
	}
	.bottomMenu {
		display:none;
		margin-left: 0 !important;
		height: 45px !important;
	}
	.bottomMenu  form{
		display:none;
	}
	
	#conIn {
		width:auto !important;
	}
	#conIn td{ 
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: break-word;
	}

}