/* Start of CMSMS style sheet 'Occidental' */
/* organized by pages. each page has its own body id. */

/****************
GLOBAL STYLES
*****************/

body {
background: #fff url(uploads/images/occidental/back-repeat.png) repeat-x;
font-size:62.5%;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

h1 {font-size: 16px;}
h2 {font-size: 16px;}

ul {padding-left: 15px}

body #wrapper {
width: 960px;
height: 667px;
border: solid 3px #febd11;
margin: 30px auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px; 
position: relative;
font-size: 1.2em;
}

.column {margin-right: 15px;}
.column.last {margin-right: 5px; }

#content {position: absolute; font-size: 1em;}
#contentpad {overflow: auto;height: inherit;}

#menu {position: absolute; bottom: 42px; text-align: center; width: 100%;}
#menu ul {list-style: none; padding: 0; margin: 0 auto;display: inline;}

#menu li {
display: inline;
font-size: 1.2em; 
padding: 10px;
text-transform: uppercase;
font-weight: bold;
}
#menu a, #menu li.separator {color: #fff; text-decoration: none;padding:0;}
/* this hides the last separator line: */
#menu ul li:last-child {display: none;}
#menu li a.currentpage {color: #00527e}

.pinkheading {font-weight: bold; color: #FF007F;}

form, button{border:0; margin:0; padding:0;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width: 300px;
}

.stylized .cms_form {width: 300px; margin: 0 auto; }

.stylized.tellafriend {height: 100%;}
.stylized.tellafriend input {width: 140px; margin-bottom: 0; margin-top: 5px;}
.stylized.tellafriend label {margin-top: 5px;}
.stylized.tellafriend button {float: right;margin-right: 20px; margin-top: 15px;}

/* ----------- stylized ----------- */

.stylized{
}
.stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
.stylized p{
font-size:11px;
margin-bottom:20px;
padding-top:10px;
clear: both;
}

.stylized p.p {margin-left: 110px; width: 160px;}

.stylized label{
display:block;
font-weight:bold;
text-align:right;
width:100px;
float:left;
margin-top: 15px;
color: #88d5f5;
clear: left;
}
.stylized label.error {
display:block;
font-size:1em;
font-weight:bold;
text-align:right;
clear:both;
float: none;
text-align: left;
margin-left: 110px;
color: #ff9;
width: 150px;
}
.stylized p label.error {display: inline; margin: 10px;}

.stylized .small{
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:100px;
}
.stylized input{
color: #fff;
float:left;
font-size:12px;
padding:4px 2px;
border: solid 0px;
border-bottom:solid 1px #aacfe4;
width:150px;
margin:15px 0 5px 10px;
background: #00527e;
}
.stylized select{margin:15px 0 5px 10px;color: #fff;
float:left;
font-size:12px;background: #00527e;border: solid 0px;border-bottom:solid 1px #aacfe4;
}

.stylized input.checkbox {float: none; clear:both; width: auto; margin: 5px 5px 5px 0; background: none; border: none;}

.stylized a {color: #88d5f5; text-decoration: none; border-bottom: solid 1px #48b7e6;line-height: 190%;}
.stylized a:hover {background: #006893}

.stylized button, .stylized .submitbutton {
clear:both;
margin: 10px 0 0px 110px;
width:105px;
height:31px;
text-align:center;
/*line-height:31px;*/
color:#FFFFFF;
font-size:11px;
font-weight:bold;
/* border: solid 1px #034e76; */
border-top: solid 1px #4bbced;
border-bottom: solid 0px #000;
background: #25a5da;
cursor: pointer;
}
.stylized button:hover,  .stylized .submitbutton:hover {background: #3fb6e8}




/****************
HOME
*****************/

body#home #wrapper {
background: url(uploads/images/occidental/back-home.jpg) no-repeat;
}

body#home #content {
bottom: 95px; 
right: 50px;
width: 550px;
height: 180px;
}


#outgoinglinks {position:absolute; top: 100px; right: 10px; height: 40px; width: 460px;}
#outgoinglinks a {display:block; float: left; height: 40px; width: 160px;text-indent:-999em;}

/****************
ENTER
*****************/

body#enter #wrapper {
background: url(uploads/images/occidental/back-enter2.jpg) no-repeat;
}
body#enter #content {top: 190px; left: 50px; width: 360px; height: 350px;}


#showhide {display: none;}
.agreeterms {
background: #0073A2;
width: 400px;
height: 300px;
position: fixed;
top: 50%;
left: 50%;
margin: -150px 0 0 -200px;
color: #fff;
line-height: 140%;
overflow: auto;
font-size: 1.2em;
border: solid 10px #0073A2;
z-index:11;

}
a#tc-button {
display: block;
background: #0073A2;
width: 420px;
height: 40px;
position: fixed;
top: 50%;
left: 50%;
margin: 170px 0 0 -200px;
color: #88D5F5;
line-height: 40px;
font-size: 1.2em;
font-weight: bold;
z-index:11;
text-align: center;
}
a#tc-button:hover {background: #00527E;}

#cover {width: 100%; height: 100%; position:fixed;top:0;left:0;background: #333; background: rgba(2,2,2,0.6);z-index: 10;}

#leftimage.show1 {
background: url(uploads/images/prizes.png) no-repeat;
}

#leftimage.show1 a {display:block;float: left;height: 115px; width: 124px; cursor: pointer;}
#leftimage.show1 a div {height: 115px; width: 124px; text-indent:-999em;}

/****************
Content Page
*****************/

body#rules #wrapper {
background: url(uploads/images/occidental/back4.png) no-repeat;
color: #222;
line-height: 160%;
}
body#rules #content {top: 110px; left: 300px; width: 630px; height: 460px;}
body#rules #content h1 {font-size: 1.6em; color: #005d89;font-weight: bold;}


body#home.boxonly #wrapper {
background: url(uploads/images/occidental/back3.jpg) no-repeat;
}

#tabholder {background: url(/uploads/images/tabs_09.png) repeat-x top left;}
#leftimage {position: absolute; left: -275px; width: 250px; height: 460px; top: 0px;}
#tabholder .edge {background: url(/uploads/images/tabs.png) no-repeat top left;}
#tabholder .main.left.edge { background-position: 0 0; width: 10px; height: 43px;float: left;}
#tabholder .main.right.edge {background-position: 0 -331px; width: 10px; height: 43px;float: right;}
#tabholder .innertab.edge.left {background-position: 0 -93px; width: 10px; height: 43px;float: left;margin-left:10px}
#tabholder .innertab.edge.right {background-position: 0 -186px; width: 10px; height: 43px;float: left;margin-right: 10px;}
a.tt {float: left; font-size: 15px !important;color: #ccc;margin: 14px 5px 0 5px;display: block;font-weight: bold;text-decoration: none;}
a.tt.selected {color: #005D89;}
.tab-box {clear: both; border: solid 1px #e3e3e3;padding: 10px;}


/* End of 'Occidental' */