@charset "UTF-8";
/* CSS Document */


/*************************************
********* RESET *********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	background-color:#efefed;
}

#wrap {
	width:768px;
	text-align: center;
	margin:15px auto;
	line-height: 1;
	background-color:#efefed;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {display: block;}

.center {margin: 0 auto;}

/*************************************
********* FONTS *********/

@font-face {
	font-family: 'Conv_ITCavantGardestd-bk';
	src:url('../fonts/ITCavantGardestd-bk.eot');
	src: url('../fonts/ITCavantGardestd-bk.woff') format('woff'), url('../fonts/ITCavantGardestd-bk.ttf') format('truetype'), url('../fonts/ITCavantGardestd-bk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ITCavantGardestd-bold';
	src: url('../fonts/ITCavantGardestd-bold.eot');
	src: url('../fonts/ITCavantGardestd-bold.woff') format('woff'), url('../fonts/ITCavantGardestd-bold.ttf') format('truetype'), url('../fonts/ITCavantGardestd-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ITCavantGardestd-md';
	src: url('../fonts/ITCavantGardestd-md.eot');
	src: url('../fonts/ITCavantGardestd-md.woff') format('woff'), url('../fonts/ITCavantGardestd-md.ttf') format('truetype'), url('../fonts/ITCavantGardestd-md.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*************************************
********* FAKE BODY *********/

#fakeBody {
	width: 100%;
	min-height: 100%;
}

/*************************************
********* HEADINGS/ PARAGRAPHS *********/

h1 {
	font:60px 'Conv_ITCavantGardestd-bold';
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#d7d7d7));
	background: -webkit-linear-gradient(top, #ffffff 50%,#d7d7d7 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;*/
	text-shadow: rgba(0,0,0,0.3) 0px 3px 3px;
}


h2 {
	font:30px 'Conv_ITCavantGardestd-bold';
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#d7d7d7));
	background: -webkit-linear-gradient(top, #ffffff 50%,#d7d7d7 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;	*/
	text-shadow: rgba(0,0,0,0.6) 0px 2px 3px;
}


h3 {
	font:16px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow: rgba(0,0,0,0.6) 0px 1px 3px;
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#d7d7d7));
	background: -webkit-linear-gradient(top, #ffffff 50%,#d7d7d7 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;	*/
}

h4 {
	font:16px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align:left;
	margin:10px 0;
	/*text-shadow: rgba(0,0,0,0.6) 0px 1px 3px;*/
}

p {
	font:14px;
	line-height:22px;
	letter-spacing:1px;
	color:#006993;
}

/* gold text */
.gold {
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f7d75c), color-stop(100%,#c0a025));
	background: -webkit-linear-gradient(top, #f7d75c 50%,#c0a025 100%);	
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;*/
	color:#f7d75c;
}


/*************************************
********* GLOBAL YELLOW BUTTON *********/

.globalBtn {
	color:#fff;
	text-transform:uppercase;
	font:20px 'Conv_ITCavantGardestd-bold';
	border:none;
	letter-spacing:2px;
	border-top: 2px solid #fae388;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f5cb24), color-stop(100%,#b5961b));
	background: -webkit-linear-gradient(top, #f5cb24 50%,#b5961b 100%); ~~~~~ Had to add other browsers settings ~~~~~ */
	box-shadow: inset 0px 2px 3px #fae388;  
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);	
	-webkit-border-radius:3px;
	cursor:pointer;
	text-align:center;
	height:20px;
	padding:5px;
	text-shadow: rgba(0,0,0,0.6) 0px 2px 3px;
	background: #f5cb24;
background: -moz-linear-gradient(top,  #f5cb24 50%, #b5961b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f5cb24), color-stop(100%,#b5961b));
background: -webkit-linear-gradient(top,  #f5cb24 50%,#b5961b 100%);
background: -o-linear-gradient(top,  #f5cb24 50%,#b5961b 100%);
background: -ms-linear-gradient(top,  #f5cb24 50%,#b5961b 100%);
background: linear-gradient(to bottom,  #f5cb24 50%,#b5961b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5cb24', endColorstr='#b5961b',GradientType=0 );

}


.globalBtn:hover, .globalBtn:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#f5cb24), color-stop(100%,#b5961b));
	background: -webkit-linear-gradient(top, #f5cb24 70%,#b5961b 100%); 
	}


/*************************************
********* MENU BUTTON *********/

.menuBtn {
	width:46px !important;
	height:28px !important;
	border-top: 2px solid #fae388;
	border-left: 1px solid #ebce5d;
	-webkit-border-radius:0;
	-webkit-border-bottom-right-radius: 5px;
	border-radius:0;
	border-bottom-right-radius: 5px;
	float:left;
	box-shadow:none;
	padding:7px 7px 7px 5px;
}

.menuBtn:hover, .menuBtn:active { background:#000; border:0; }
.menuBtn:hover img, .menuBtn:active img {
	margin:2px 0 0 0;	
}


.menuBtn img {
	width:45px;
	height:28px;
}


/*************************************
********* BACK BUTTON *********/

.backBtn {
	width:55px !important;
	height:31px !important;
	border-top: 2px solid #fae388;
	border-left: 1px solid #ebce5d;
	-webkit-border-radius:0;
	-webkit-border-bottom-right-radius: 5px;
	float:left;
	box-shadow:none;
	padding:7px 7px 7px 0px;
}

.backBtn:hover, .backBtn:active { background:#000; border:0; }
.backBtn:hover img, .backBtn:active img {
	margin:2px 0 0 4px;	
}


.backBtn img {
	width:27px;
	height:29px;
}


/*************************************
********* SHARE BUTTON *********/

.shareBtn, .shareBtn:hover, .shareBtn {
	height: 17px;
	width: 108px;
	margin: 1px 3px 0 0;
}

.shareBtn span {
	float: left;
	letter-spacing: 1px;
	margin: 0 0 0 5px;
	line-height: 17px;
	text-transform:lowercase;	
}

.shareBtn img.shareImg {
	width:37px;
	height:auto;	
	float: right;
	margin: -6px 1px 0 0;
	display: block;
}


/*************************************
********* CHECKMARK BUTTON *********/

.checkmark {
	border-radius:50px;
	-webkit-border-radius:50px;
	width:13px;
	height:13px;
	background:#f5cb24;
	border-top: 2px solid #fae388;
	padding:7px;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);		
}

.checkmark:hover, .checkmark:active { 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#f5cb24), color-stop(100%,#b5961b));
	background: -webkit-linear-gradient(top, #f5cb24 70%,#b5961b 100%);
	cursor:pointer;
}

.checkmark img.checkWhite {
	width:30px;
	height:32px;
	margin:-15px 0 0 -5px;	
}


/*************************************
********* 'X' BUTTON *********/

.closeBtn {
	border-radius:50px;
	-webkit-border-radius:50px;
	width:26px;
	height:25px;
	background:#f5cb24;
	border-top: 2px solid #fae388;
	padding:7px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);		
}

.closeBtn:hover, .Btn:active { 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#f5cb24), color-stop(100%,#b5961b));
	background: -webkit-linear-gradient(top, #f5cb24 70%,#b5961b 100%);
	cursor:pointer;
}

.closeBtn img.closeX {
	width:30px;
	height:33px;
	margin:-5px 0 0 -3px;
}

/*************************************
********* PLAY BUTTON *********/

.playBtn {
	width:15px;
	height:15px;
	background:#f5cb24;
	-webkit-border-radius:3px;
	border-top: 2px solid #fae388;
	padding:7px;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);	
}

.playBtn img.playWhite {
	width:15px;
	height:17px;	
}

.playBtn:hover, .playBtn:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#f5cb24), color-stop(100%,#b5961b));
	background: -webkit-linear-gradient(top, #f5cb24 70%,#b5961b 100%);
	cursor:pointer;	
}

/*************************************
********* other *********/

.callout {
	color: #000;
	margin:15px auto;
	text-align:left;
	background-color:#959595;
	width:700px;
	padding:10px;

}

pre {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color: #61624b;
	margin:15px auto;
	text-align:left;
	background-color:#fff;
	border: 2px dotted #006993;
	width:700px;
	padding:10px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*----- Sample Page CSS ------*/

#wrap p.copy {
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
	padding: 10px 0;
}

#wrap p.copy strong {
	text-transform:uppercase;
	font-weight: bold;
}

img#menuSample {
	width:768px;
	height:138px;
	border: 2px dotted #006993;
	background-color:#fff;
}

img#judgeSample {
	width:320px;
	height:480px;
	border: 2px dotted #006993;
	background-color:#fff;
}

.callout h4 {
	color:#006993;
}

h3 {
	font-family: Tahoma, Geneva, sans-serif;
	text-align:left;
	padding:5px;
	margin:10px 0;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #b7b7b7;
	background-color: #006993;
}

h4 {
	color:#006993;
}

h4.indent {
	margin-left:222px;

}