html,
body,
form
{
	font-family:Arial, Helvetica;
	font-size:90%;
	margin: 0;
	padding:0;
	height:100%;
}

body {background:#000 url(../images/backgrounds/sicc.jpg) no-repeat fixed 50% 50%;}

img 
{
	border-width:0
}

p {color:#333; font-size:0.95em;}
h1 {color:#2e4916; font-size:1.65em; margin:0 0 12px 0;}
h2 {color:#2e4916;font-size:1.25em}
h3 {color:#2e4916;font-size:1.15em}
a {outline: none;}

#header
{
	height: 141px;
	margin:0; padding:0;
	background-color: transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.3))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); /* IE10 */
	background-image:      -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); /* Opera 11.10+ */
	background-image:         linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#4C000000); /* IE6–IE9 */
	zoom: 1;
}

#header .headercontent 
{
	width:900px;
	height: 141px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#header a span
{
	position:absolute;
	top:-5000px;
	height:1px;
	width:1px;
	overflow:hidden;
}

#header h1 
{
	position:absolute;
	display:block;
	margin:0;
	color:#fff;
	top:15px;
	left:168px;
	height:113px;
	width:287px;
	background:transparent url(../images/aaclogo.png) no-repeat scroll 15px 0;
	padding-left:15px;
	border-left:1px solid #555;	
}

#header h1 a {display:block;height:113px;width:287px;}

#header h1 span {display:none;}

#header h2 
{
	position:absolute;
	display:block;
	margin:0;
	color:#fff;
	top:5em;
	right:0px;
	font-size: 1.25em;
}

#header h3
{
	position:absolute;
	display:block;
	margin:0;
	color:#fff;
	font-size: 1.15em;
	right:0px;
	top: 6.75em;
}
#header h4 
{
	position:absolute;
	display:block;
	margin:0;
	color:#fff;
	top:51px;
	left:0px;
	background:transparent url(../images/partners.png) no-repeat scroll 0 0;
	height:40px;
	width:136px;
}

#header h4 a {
	display:block;
	height:40px;
	width:136px;
}

#langsel 
{
	position:absolute;
	right:10px;
	top:10px;
}

#langsel p 
{
	margin:0 6px;
	font-size:0.85em;
	padding:0; 
	float:left;
	display:inline;
}

#header ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}

#header li 
{
	height:16px;
	width:16px;
	padding:0 5px;
	float:left;
	display:inline;
}

#menu
{
    background:#000000 url(../images/backgrounds/sicc-dark.jpg) no-repeat fixed 50% 50%;
	height: 30px;
	overflow:visible;
	_overflow:hidden;
	text-align:center;
	padding:10px 0;
}

.withsubmenu {height:55px!important;}

#menu ul 
{
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
	border-left:1px solid #000;
	display:inline-block; 
	*display:inline; *zoom:1;
	list-style-type:none;
}

#menu li  
{
	float:left; 
    display:inline; 
    margin-top:1px;

    overflow:hidden;
}


#menu a 
{ 
	display:block;
	*display:inline-block;
	height:30px; 
	border-left:1px solid #555;
	border-right:1px solid #000;
	font-size:1.1em;
	text-decoration:none;
	color:#ffffff;
	line-height:30px;
	text-align:center;
	padding:0 15px; 
	background-color:transparent; 
	text-shadow:0 0 0 transparent, 2px 2px 4px #000;
	-webkit-transition-property:background-color, border-color;  -webkit-transition-duration:0.2s, 0.2s;  -webkit-transition-timing-function: ease-in, ease-in;
	-moz-transition-property:background-color, border-color;  -moz-transition-duration:0.2s, 0.2s;  -moz-transition-timing-function: ease-in, ease-in;
	-o-transition-property:background-color, border-color;  -o-transition-duration:0.2s, 0.2s;  -o-transition-timing-function: ease-in, ease-in;
	transition-property:background-color, border-color;  transition-duration:0.2s, 0.2s;  transition-timing-function: ease-in, ease-in;
}

#menu a.active {font-weight:bold; background-color:#333; background-color:rgba(255,255,255,0.1);}

#menu a:hover
{
	border-color:#fff;
	background-color:#333;
	background-color: rgba(255, 255, 255, 0.1);
}

#menu li ul 
{

	position:absolute;
	right:0;
	margin-left:0;
	margin-right:0;
	height:25px;

	overflow:hidden;
}

#menu li li a
{
	font-size:0.95em;
	height:20px;
	line-height:20px;
}

.mainSection
{
    background:#ffffff url(../images/backgrounds/sicc-light.jpg) no-repeat fixed 50% 50%;
	position:relative;
	display: block;
	width: 840px;
	padding:30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	margin:30px auto;
	/*clearfix*/
	_height: 1%; 
	*display: inline-block; 
}

.mainSection:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.device
{
	margin-top:164px;
	float:left; 
    display:inline; 
	margin-left:-180px;
	width:815px;
	padding-left:180px;
	padding-bottom:30px;

}

.device div
{
	float:left; 
    display:inline;
    position:relative;
	top:-130px;
	margin-bottom:-130px;
}

.deviceRight
{
	margin-left:29px;
}

#newsmenu 
{
	display:block;
	width:183px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box; 
	
	-moz-box-shadow: 1px 1px 4px #666; /* FF3.5+ */
	-webkit-box-shadow: 1px 1px 4px #666; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 4px #666; /* Opera 10.5, IE9, Chrome 10+ */
}

#newsmenu a
{

	width: 163px;
	height: 65px;
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #cccccc;
	text-decoration: none;
	display: block;
	cursor: pointer;	
	font-size: 0.95em;
	font-weight:bold;
	color: #333;
	padding: 10px;
	-webkit-transition:background-color 0.2s ease-in;  
	-moz-transition:background-color 0.2s ease-in;  
	-o-transition:background-color 0.2s ease-in;  
	transition:background-color 0.2s ease-in; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	background-color:rgba(255,255,255,0.4);
}

#newsmenu a:first-child 
{
	-moz-border-radius-topleft:15px;
	-moz-border-top-left-radius:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}

#newsmenu a:last-child 
{
	-moz-border-radius-bottomleft:15px;
	-moz-border-bottom-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-width:0;
}
	
#newsmenu a:hover,
#newsmenu a.buttonactive
{
	color:#2e4916;
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.8);

}

#homeContentMain 
{
	position:relative;
	width:839px;
	height:508px;
	padding-top:20px;

}

.hpnewsimage
{
	width: 636px;
	height: 507px;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	display:block;
	padding:10px;
	background-color:#fff;

     -moz-box-shadow: 0px 0px 4px #666; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #666; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #666; /* Opera 10.5, IE9, Chrome 10+ */


}

.hpnewsimage img
{
	border-width:0;
	float:left; 
    display:inline; 
}

.hpnewsimage a.readmore 
{
	height:37px;
	line-height:37px;
	width:633px;
}

.teaser
{
	float:left;
	display:inline;
	width:840px;
	position:relative;
	margin:0 -10px 30px -10px;
	padding:10px 10px 0 10px;
	text-decoration:none;
}

.teaser:hover {background-color:#fff; background-color:rgba(255,255,255,0.3);}

.readmore
{
	height:20px;
	width:406px;
	display:block;
	color:#2E4916;
	font-size:0.85em;
	text-align:right;
	line-height:20px;
	text-transform:capitalize;
	text-decoration:none;
	padding-right:12px;
}

.readmore:hover, a:hover .readmore
{
	color:#000000;
	text-decoration:underline;
}

.readmore image 
{
	margin-right:-12px;
}

.article
{ 
	width:840px;
	float:left; 
    display:inline; 
	position:relative;
}

#topmargin 
{
	width:636px;
	height:20px;

}

.article .text 
{	
	float:left; 
    display:inline; 
	width:594px;
	margin-left:30px;
}

.article .text .text {margin-left:0;}

.archive
{	
	float:left; 
    display:inline; 
	width:839px;
	padding-left:12px;
	padding-right:12px;
}

.archive span { width:8%; display:inline-block; margin-right:24px;}

.article .images 
{
	float:left;
    display:inline; 
    width:216px;
}

.article .images img 
{
	width:216px; 
	height:162px;
	margin-bottom:30px;
	-moz-box-shadow: 2px 2px 6px #666;
	-webkit-box-shadow: 2px 1px 6px #666;
    box-shadow: 2px 2px 6px #666; 
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -ms-transition: all 0.2s ease-out; 
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-in 0s;
}

.article .images img:hover
{
	-moz-box-shadow: 2px 2px 6px #333;
	-webkit-box-shadow: 2px 1px 6px #333; 
    box-shadow: 2px 2px 6px #333; 
    -moz-transform:scale(1.15);
    -webkit-transform:scale(1.15);
    -ms-transform: scale(1.15); 
    -o-transform: scale(1.15); 
    transform:scale(1.15);
}

.article .readmore 
{
	position:absolute; 
	bottom:0; 
	right:0; 
	width:406px;
}

.teaser .readmore 
{
	position:absolute; 
	bottom:1px; 
	right:0;
}

.teaser img {
	float:left; 
    display:inline; 
    width:217px; 
    height:163px;
    margin-right:30px;
    -moz-box-shadow: 2px 2px 6px #666; /* FF3.5+ */
	-webkit-box-shadow: 2px 1px 6px #666; /* Saf3.0+, Chrome */
    box-shadow: 2px 2px 6px #666; /* Opera 10.5, IE9, Chrome 10+ */
}

.teaser p, .teaser h2  
{
	float:left; 
	display:inline; 
	width:593px; 
	margin:0 0 0.5em 0;
}

#homeContentNews h1 a 
{
	color:#2e4916;
	text-decoration:none;
	height:auto;
	padding:0;
}

p a 
{
	float:none; 
	color:#000000; 
	font-weight:bold; 
	text-decoration:none;
}

p a:hover 
{
	text-decoration:underline;
	color:#111;
}

.banner 
{
	margin:0 auto; 
	width:995px; 
	overflow:hidden;
}

.videoplayer
{
	display:block; 
	/* orig src= 384x216 */
	height:324px;
	margin:20px auto 30px auto;
	width:576px;
	padding: 0 9px;
	background-color:#000000;
	position:relative;
	text-decoration:none;
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
          
	/* useful if you don't want a bg color from leaking outside the border:        */ 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

}

.videoplayer img 
{
	height:324px;
	width:576px;
}

.cta
{
	display:block;
	height:107px;
	width:107px;
	position:absolute;
	top:109px;
	left:235px;
	background:transparent url(../images/videoplaybutton.png) no-repeat scroll 0 0;
	_background-image: url(../images/videoplaybutton.gif);
}

.archivelink {height:auto; text-align:right;width:839px; font-size:1.25em;color: #2E4916; font-weight:bold; padding: 5px 10px;}
.archivelink:hover {text-decoration:underline;color:#000000;}

#wrap {min-height:100%; _height:100%; margin: 0 auto -83px;}

#mainbody {padding-bottom:83px;}

#sponsors 
{
	float:none;
	clear:both;
	display:block;
	width:900px;
	position:relative;
    background:#000000 url(../images/backgrounds/sicc-dark.jpg) no-repeat fixed 50% 50%;
	height:83px;
	margin:0 auto;
	padding:0;
	-moz-border-radius: 15px 15px 0  0; 
	-webkit-border-radius: 15px 15px 0  0; 
    border-radius: 15px 15px 0  0; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}


#sponsors dl {float:left; display:inline; margin:10px 10px 0 0}

#sponsors dt {float:left;display:inline; color:#ffffff; margin:0 0 0 10px; width:78px; font-size:0.95em; font-weight:bold; }
#sponsors dd {float:left;display:inline; margin:0 0 0 10px;
           background:#000000 url(../images/backgrounds/sicc-light.jpg) no-repeat fixed 50% 50%;   
              	/*padding:4px; */
-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
    border-radius: 4px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	
              
              }

#sponsors img {display:block}
              


.reg_form .row{margin:10px 0 0 0;}
.reg_form .label{width:140px;float:left;padding:2px 10px 0 0;}
.reg_form .dob select{margin-right:10px;}
.reg_form .country select{width:184px;}
.reg_form .gender .ckbox{float:left;}
.reg_form .gender label{vertical-align:top;width:40px;display:block;float:left;}
.reg_form .gender label{padding:2px 5px 0 5px;}
.reg_form .ckbox, .personalise_form .ckbox, .ckbox{border:0;background:none;width:auto;}
.reg_form .clear{float:none;}

.text li {margin-bottom:1em;}

table {font-size:1em;border-collapse:collapse;width:840px;}
.text table {width:594px;}
table table {font-size:1em;}

thead th {color:#2E4916;background-repeat:no-repeat;background-position:100% 50%;background-color:#ffffff;
	background-color:rgba(255,255,255,0.5);}
tr.alt, tr.even, tr:nth-child(2n) {background-color:#eeeeee;background-color:rgba(100, 100, 100, 0.05);}

tr.marked td {background-color:#fec5c5}
tr.alt.marked td {background-color:#faafaf}

td, td a {color:#000000;text-decoration:none;background-position: 3px center; background-repeat:no-repeat;}
td a:hover {text-decoration:underline;}
th a{color:#2E4916; display:block;}
th.forwardSort a, th.reverseSort a{padding:0 13px 0 3px;}
th a {text-decoration:none;}
#aaclb th:hover {background-color:#ffffff;
	background-color:rgba(255,255,255,0.8); }

th.forwardSort {background-image:url(/styles/asianamateur/images/down.gif);}
th.reverseSort {background-image:url(/styles/asianamateur/images/up.gif);}  

td.hole {width:22px;}
td.eagle {background-color:#c60000!important; color: white;width:22px;}
td.birdie {background-color:#ff8878!important;width:22px;}
td.atpar {background-color:#faf8b4!important;width:22px;}
td.bogey {background-color:#7b93fc!important;width:22px;}
td.dbogey {background-color:#0000c6!important; color: white;width:22px;}
td.total {font-weight:bold;}
td.name {text-align:left;padding-left:8px;width:40%;}
td.num {text-align:right;padding-right:8px;}

span.eagle {border-left:16px solid #c60000;margin-right:18px;padding-left:6px;}
span.birdie {border-left:16px solid #ff8878;margin-right:18px;padding-left:6px;}
span.atpar {border-left:16px solid #faf8b4;margin-right:18px;padding-left:6px;}
span.bogey {border-left:16px solid #7b93fc;margin-right:18px;padding-left:6px;}
span.dbogey {border-left:16px solid #0000c6;margin-right:18px;padding-left:6px;}

.scorecard, .key {background-color:#d9d9d9}
.scorecard td {background-color:#ffffff; text-align:center;}

tbody th {background-color:#ffffff;color:#000000;}
tbody tr.alt th {background-color:#eeeeee;}
.key {padding:5px;color:#000000;}

h1.sponsorheader span {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;*margin-top:15px;width:667px;text-align:center}
h1.sponsorheader img {vertical-align:bottom;}

.scoring sup {color:#666666; vertical-align:top;margin-left:6px; cursor:help;}
.playerbio {margin-bottom:12px;}
.playerbio img {float:left;display:inline; padding-right:12px;}
.playerbio h3 {color:#2E4916; margin-left:112px;height:1.8em;line-height:1.8em}
.playerbio h4 {color:#2E4916; margin-left:112px;height:1.8em;line-height:1.8em}
.playerbio h3 img {float:none;height:16px;width:16px;vertical-align:middle;margin-left:12px;}
.playerbio a {margin-right:12px; float:right;display:inline;color:#ffffff;font-size:0.85em;font-weight:normal}
.playerbio a:hover {text-decoration:underline;}

.sub {margin-top:27px;}

#widgets {margin-right:-20px; margin-top:20px;}

.widget 
{
	float:left; display:inline;
	width:360px;
    background-color:#eee;
	background-color:rgba(255,255,255,0.4); 
	padding:10px 25px; 
	margin-right:20px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
    border-radius: 15px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	-moz-box-shadow: 1px 1px 4px #666666;
	-webkit-box-shadow: 1px 1px 4px #666666;
	box-shadow: 1px 1px 4px #666666;
	position:relative;
	min-height:135px;
	_height:135px;
	text-decoration:none;			-webkit-transition:background-color 0.2s ease-in;  
	-moz-transition:background-color 0.2s ease-in;  
	-o-transition:background-color 0.2s ease-in;  
	transition:background-color 0.2s ease-in; 
}
	
	.widget:hover 
	{
		background-color:#ffffff;
		background-color:rgba(255,255,255,0.8);
		_background-color:#ffffff;
	}
	
	.widget img {position:absolute; top:10px; right:0;}
	.widget h3, .widget p {width:235px;}
	
	#socialMedia {text-align:right}
	#socialMedia iframe {vertical-align:baseline; margin-right:6px;}
	#socialMedia iframe.twitter-share-button {margin-left:6px;}
	.facebooklike {border:none; width:110px; height:21px; overflow:hidden;}

.mainSection h2 {margin-top:1.75em;}

/* image gallery */

        ul.polaroids { width: 840px; margin: 30px 0; list-style: none outside; padding:0;}
        ul.polaroids li { display: inline; line-height: 18px;}
   ul.polaroids a {  display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: "Marker Felt", LetterOMatic,  sans-serif; text-decoration: none; color: #333; font-size: 1em; }
 ul.polaroids img { display: block; width: 216px; margin-bottom: 12px;}

/*
ul.polaroids a:after {
content: attr(title);
width:216px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display:block;
}

ul.polaroids a {
	-webkit-transform-style: preserve-3d; 
	-webkit-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg); 
	-ms-transform: rotate(-2deg); 
	-o-transform: rotate(-2deg); 
	transform: rotate(-2deg); 
}
 

ul.polaroids li:nth-child(even) a {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg); 
	-ms-transform: rotate(2deg); 
	-o-transform: rotate(2deg); 
	transform: rotate(2deg); 
}
 

ul.polaroids li:nth-child(3n) a {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg); 
	-ms-transform: rotate(1deg); 
	-o-transform: rotate(1deg); 
	transform: rotate(1deg); 
	position: relative;
	top: -5px;
}

ul.polaroids li:nth-child(6n) a {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg); 
	-ms-transform: rotate(-1deg); 
	-o-transform: rotate(-1deg); 
	transform: rotate(-1deg); 
	position: relative;
	top: -5px;
}
 

ul.polaroids li:nth-child(5n) a {
	-webkit-transform: rotate(5deg); 
	-moz-transform: rotate(5deg); 
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg); 
	transform: rotate(5deg);  
	position: relative;
	right: 5px;
}
 

ul.polaroids li:nth-child(8n) a {
	position: relative;
	top: 8px;
	right: 5px;
}
 

ul.polaroids li:nth-child(11n) a {
	position: relative;
	top: 3px;
	left: -5px;
}
*/


ul.polaroids img {	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.6);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.6);
	box-shadow: 0 3px 6px rgba(0,0,0,.6);
			transition: all 0.2s ease-out;  
	}
	ul.polaroids img:hover {

	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
ul.polaroids a:hover {
	-webkit-transform: scale(1.15)!important;
	-moz-transform: scale(1.15)!important;
	-ms-transform: scale(1.15)!important;
	-o-transform: scale(1.15)!important;
	transform: scale(1.15)!important;
	position: relative;
	z-index: 5;

}

/* Add drop shadows and smooth out the transition  */
ul.polaroids a {
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;  

}

/* 
ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
 */      
#gbframe {margin-left:105px;}

/* try and make iOS play nice with the backgrounds */

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
body, #menu, .mainSection, #sponsors, #sponsors dd {
-webkit-background-size: auto 100%;
}
}
 
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body, #menu, .mainSection, #sponsors, #sponsors dd {
-webkit-background-size: 100% auto;
}
}