@CHARSET "UTF-8";

div#myocContainer {
	float: left;
	width: 100%;
}

td#myocMain {
	padding: 3px;
	vertical-align: top;
	background-image: url(/i/myoc/my-oc-main-bg.gif);
	background-repeat: repeat-x;
	background-color: #AAAAAA;
}

td.myocMain-myoddschecker {
	border: 5px solid #336699;
	background-color: #E3E3E3;
}

td.myocMain-tip-star {
	border: 5px solid #5B8F22;
	background-color: #E3E3E3;
}

td.myocMain-mobile {
	border: 5px solid #F9911C;
	background-color: #E3E3E3;
}

td.myocMain-blog {
	border: 5px solid #333333;
	background-color: #E3E3E3;
}

td.myocMain-forum {
	border: 5px solid #BD595B;
	background-color: #E3E3E3;
}

td.myocMain-help {
	border: 5px solid #990000;
	background-color: #E3E3E3;
}

.myocMain-myoddschecker div#headerRightContainer  {
	float: right;
	background-image: url(/i/myoc/myoc-myoc-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-tip-star div#headerRightContainer  {
	float: right;
	background-image: url(/i/myoc/myoc-tz-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-mobile div#headerRightContainer  {
	float: right;
	background-image: url(/i/myoc/myoc-mb-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-blog div#headerRightContainer  {
	float: right;
	background-image: url(/i/myoc/myoc-blog-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-forum div#headerRightContainer  {
	float: right;
	background-image: url(/i/myoc/myoc-forum-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-help div#headerRightContainer  {
	float: right;
	background-image: url(/i/myoc/myoc-help-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-help div#headerRightContainer.headerRightContainer-hilfe {
	float: right;
	background-image: url(/i/myoc/myoc-hilfe-header.jpg);
	height: 80px;
	width: 340px;
}

.myocMain-help div#headerRightContainer.headerRightContainer-ayuda {
	float: right;
	background-image: url(/i/myoc/myoc-ayuda-header.jpg);
	height: 80px;
	width: 340px;
}

td.myocMain-myoddschecker div#myocHeader {
	padding-top: 0px;
	background-color: #336699;
	padding: 0px;
	background-image: url(/i/myoc/myoc-header-bg.gif);
	background-repeat: repeat;
}

td.myocMain-tip-star div#myocHeader {
	padding-top: 0px;
	background-color: #295918;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(/i/myoc/myoc-tz-header.gif);
	background-repeat: repeat-x;
}

td.myocMain-mobile div#myocHeader {
	padding-top: 0px;
	background-color: #F9911C;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(/i/myoc/myoc-mb-header-bg.gif);
	background-repeat: repeat-x;
}

td.myocMain-blog div#myocHeader {
	padding-top: 0px;
	background-color: #333333;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(/i/myoc/myoc-blog-header-bg.gif);
	background-repeat: repeat-x;
}

td.myocMain-forum div#myocHeader {
	padding-top: 0px;
	background-color: #BD595B;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(/i/myoc/myoc-forum-header-bg.gif);
	background-repeat: repeat-x;
}

td.myocMain-help div#myocHeader {
	padding-top: 0px;
	background-color: #BD595B;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(/i/myoc/myoc-help-header-bg.gif);
	background-repeat: repeat-x;
}

div#myocContent {
	padding-top: 0px;
	/*background-image: url(/i/myoc/my-oc-content-bg.gif);
	background-repeat: repeat-x;
	background-color: #AAAAAA;
	padding-left: 3px;
	padding-right: 3px;*/
}

td.myocMainUnlogged {
	border-right: 6px solid #999999;
}

td#myocMain a {
	font-weight: bold;	
}

div#myocHeader {
	height: 80px;
	background-color: #333333;	
	color: #fff;
	margin-bottom: 3px;
}

div#myocHeader img {
	float: left;
}

div#myocHeader h1 {
	display: block;
	float: left;
	font-size: 24px;
	line-height: 80px;
	text-transform: uppercase;
	padding-left: 98px;
	*padding-left: 8px;
	position: absolute;
}

div#myocHeaderLinks {
	float: right;
	height: 80px;
	line-height: 80px;
	margin: 0px 8px;
	margin-top: -25px;
}

div#myocHeaderLinks a {
	color: #fff;
	font-weight: bold;
}


td#myocMenu {
	width: 194px;
	vertical-align: top;
	background-color: #FFFFFF;
	padding-top: 10px;
	background-image: url(/i/myoc/myoc-menu-bg.gif);
	background-repeat: repeat-x;
}


td#myocMenu div {
	width: 178px;
	height: 56px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 14px;
	background-color: #ffffff;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
} 


div.myocBlockHeader {
	margin-top: 20px;
	color: #fff;
	clear: both;
	width: 160px;
	height: 22px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	background-image: url(/i/myoc/myoc-section-ident.png);
}

.myocMain-tip-star div.myocBlockHeader {
	background-image: url(/i/myoc/myoc-section-ident-tz.png);
}

.myocMain-myoddschecker div.myocBlockHeader {
	background-image: url(/i/myoc/myoc-section-ident-oc.png);
}

div.myocBlock, div#myocFRbookmarks {
	width: auto;
	clear: both;
	padding: 15px;
	border: 1px solid #999999;	
	margin-bottom: 20px;
	*margin-bottom: 0px;
	background-color: #fff;
}

div#myocFRmyDetails {
	width: auto;
	clear: both;
	padding: 10px;
	border: 1px solid #999999;	
	margin-bottom: 20px;
	*margin-bottom: 0px;
	background-color: #ffffff;
}

div#myocNewsletters {
	width: 200px;
	padding-left: 15px;
	float: right;	
	color: #336699;
}

div.myocMessage {
	padding: 8px;
	width: auto;
	margin: 8px auto;
	text-align: center;
}

div#myocMok {
	border-top: 1px solid #84B1DE;
	border-left: 1px solid #84B1DE;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
	background-color: #336699;
	color: #ffffff;
	font-weight: bold;
}

div#myocMok a {
	color: #ffcc00;
	font-weight: bold;
}

div#myocMerror {
	border-top: 2px solid #cc0000;
	border-left: 2px solid #cc0000;
	border-right: 2px solid #660000;
	border-bottom: 2px solid #660000;
	background-color: #990000;
	color: #ffffff;
	font-weight: bold;
}

div#myocMnotice {
	border-top: 1px solid #84B1DE;
	border-left: 1px solid #84B1DE;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
	background-color: #336699;
	color: #ffffff;
	font-weight: bold;
}

/*** sub menu tabs **/	
.myocSubmenuContainer{
	background-image: url(/i/myoc/my-oc-ul-bg.gif);
	background-repeat: repeat-x;
	border-bottom: 3px solid #ffffff;
	height: 30px;
}

ul.myocSubMenu{
	margin:0 0 0 5px;
	position:relative;
	top:6px;
}
ul.myocSubMenu li {
	margin-right: 4px;
	list-style: none;
	display: inline;
	background-color: #333333;
	border-right: 2px solid #333333;
	background-image: url(/i/myoc/myoc-li-bg.gif);
	height: 24px;
	display: block;
	float:left;
	_position:relative;
}
ul.myocSubMenu li a{
	color: #ffffff;
	font-weight: bold;
	margin: 0 13px 0 13px;
	position:relative;
	top:4px;
}
ul.myocSubMenu li:hover{
	background-image: url(/i/myoc/myoc-li-hover-bg.gif);
}

ul.myocSubMenu li.myocSMselected {
	list-style: none;
	display: inline;
	background-color: #ffffff;
	font-weight: bold;
	background-image: none;
}
ul.myocSubMenu li.myocSMselected a{
	color: #000000;
}	
	
/*** end sub menu tabs ***/
div#myocPrivacyMenu {
	float: right;
	display: block;
	margin: 6px;
	border: 2px solid #cccccc;
}

div#myocPrivacyMenu ul {
	margin-left: 16px;
	padding: 3px;
	} 

div#myocPrivacyMenu ul li {
	list-style-type: square;
	color: #336699;
	}

div#myocPrivacyMenu ul li a {
	color: #333333;
	}
	
div#myocPrivacyMenu ul li:hover {
	
	}
	
ul#myocPrivacyPolicy {
	margin-left: 18px;
	padding: 0px;
}

ul#myocPrivacyPolicy li {
	list-style-type: square;
}	

#myocCurrentComps div.myocSubmenuContainer {
	margin-left: -3px;
	margin-right: -3px;
	margin-top: 0px;
	height: 27px;
	line-height: 27px;
	background-image: url(/i/myoc/myoc-tipcomp-bg.gif);
	background-color: #3F6A10;
}


#myocCurrentComps ul.myocSubMenu {
	margin-left: 5px;
	padding-left: 0;
	display: inline;
	line-height: 26px;
	height: 26px;
	*line-height: 27px;
	vertical-align: bottom;
	*vertical-align: baseline;
	} 

#myocCurrentComps ul.myocSubMenu li {
	margin-right: 4px;
	margin-bottom: 0;
	border: 0px solid #999999;
	padding: 4px 15px 7px 15px;
	list-style: none;
	display: inline;
	background-color: #333333;
	border-right: 2px solid #333333;
	background-image: url(/i/myoc/myoc-li-bg.gif);
	height: 24px;
	line-height: 24px;
	}

#myocCurrentComps ul.myocSubMenu li a {
	color: #ffffff;
	font-weight: normal;
	padding: 0px 0px 4px 0px;
	*padding: 0px;
	}

#myocCurrentComps ul.myocSubMenu li:hover {
	background-image: url(/i/myoc/myoc-li-hover-bg.gif);
	}
		
#myocCurrentComps ul.myocSubMenu li.myocSMselected {
	list-style: none;
	display: inline;
	background-color: #ffffff;
	font-weight: bold;
	background-image: none;
	height: 24px;
	line-height: 24px;
	}
	
#myocCurrentComps ul.myocSubMenu  li.myocSMselected a {
	color: #000000;
	}


	
#helpContainer div#main-menu {
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -4px;
	height: 30px;
	line-height: 30px;
	background-image: url(/i/myoc/my-oc-ul-bg.gif);
	background-repeat: repeat-x;
}

#helpContainer ul {
	margin-left: 5px;
	padding-left: 0;
	display: inline;
	line-height: 32px;
	} 

#helpContainer ul li {
	margin-right: 4px;
	margin-bottom: 0;
	padding: 4px 6px 7px;
	border: 0px solid #999999;
	list-style: none;
	display: inline;
	background-color: #3F6A11;
	border-right: 2px solid #333333;
	background-image: url(/i/myoc/myoc-li-bg.gif);
	}

#helpContainer ul li a {
	color: #ffffff;
	font-weight: normal;
	}

div#myocInputfield {
	padding-bottom: 10px;
	margin-top: -10px;
	line-height: 30px;
}

div#myocInputfield input.myocSubmitButton {
	margin-left: 8px;
	margin-bottom: -4px;
	*margin-bottom: -2px;
	}
	
div.myocDescLeft {
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.myocFormRight {
	padding: 5px;
}

form#myocMyDetails label, form#myocChangeEmailForm label, form#myocChangePasswordForm label {
	font-weight: normal;
	padding-right: 5px;
}
form#myocChangeEmailForm label{
	white-space: nowrap;
}
form#myocChangeEmailForm input#myocNewEmail{
	margin-top:3px;
}

div#myocChangeEmail, div#myocChangePassword  {
	height: 130px;	
}


div#myocContainer select , form#submitTip select{
	margin: 5px;
	font-size: 11px;
	padding: 1px;
}
table#myocMyDetails input , table#myocMyDetails select{
	margin: 1px 2px;
}

div.myocBlock #myocRegister div.spaceBar{
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:30px 20px 20px 0;
	width:100%;
	height: 5px;
	_height: 0px;
}

div.myocBlock #myocRegister div.kptoContainer{
	margin-left:15px;
}

.kptoTitle{
	font-size: 14px;
	font-weight: bold;
	margin:0 0 10px 2px;
}
.kptoTxt , .kptoTerms{
	margin:0 0 10px 2px;
}
.kptoCheckBox , #myocMyDetailsContainer div.kptoRequiredField{
	margin:0 0 10px 0;
}
#myocRegister div.kptoRequiredField{
	margin:20px 0 0 0;
}
#myocMyDetailsContainer input#kptoCheckBoxInput,
#myocMyDetailsContainer input#kptoCheckBoxInputPaddy{
	float:left
}
input#kptoCheckBoxInput{
	margin-right: 5px;
}
td#myocMain .kptoTerms a{
	text-decoration: underline;
	font-weight: normal;
}

table#myocMyDetailsContainer td{
	vertical-align: top;
}

table#myocMyDetails{
	width:300px;
	margin-right:100px;
}
table#myocMyDetails td label {
	font-weight: bold;
	color: #444444;
}
table#myocMyDetails input#myocMDSubmit{
	margin-top: 5px;
}
td#myocMenu div.myocMiselected {
	background-color: transparent;
	width: 178px;
	height: 56px;	
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;

}

td#myocMenu div.myocMiselected-myoddschecker {
	background-color: #336699;
	padding-left: 10px;
}

td#myocMenu div.myocMiselected-tip-star {
	background-color: #5B8F22;
	padding-left: 10px;
}

td#myocMenu div.myocMiselected-mobile {
	background-color: #F9911C;
	padding-left: 10px;
}

td#myocMenu div.myocMiselected-blog {
	background-color: #333333;
	padding-left: 10px;
}

td#myocMenu div.myocMiselected-forum {
	background-color: #BD595B;
	padding-left: 10px;
}

td#myocMenu div.myocMiselected-help {
	background-color: #990000;
	padding-left: 10px;
}

form#myocLogin, form#myocRegister {
	padding: 0px 5px 0px 5px;
}
form#myocLogin label, form#myocRegister label{
	vertical-align: middle;
}

input#myocLoginSubmit {
	padding-top: 10px;
}

input#myocLoginUserName {
	margin-left: 37px;
}

input#myocLoginPassword {
	margin-left: 14px;
	margin-top: 5px;
}

input#myocRegisterEmail {
	margin-left: 61px;
}

input#myocRegisterPassword {
	margin-left: 38px;
	margin-top: 5px;
}

input#myocRegisterVerifyPassword {
	margin-left: 0px;
	margin-top: 5px;
}

div#myocFBreports table#myocReportAdd {
	padding-top: 8px;
	border: 0;
}

div#myocFBreports table#myocReportAdd td {
	width: 20%;
	text-align: center;
}

div#myocFBreports table#myocReportAdd td#myocReportHead {
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
}

div#myocFBreports table#myocReportAdd td.myocRepName {
	text-align: left;
}

div#myocFBreports table#myocReportsUpdate thead td {
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
}

div#myocFBreports table#myocReportsUpdate td {
	width: 20%;
	text-align: center;
}

div#myocFBreports table#myocReportsUpdate td.myocRepName {
	padding-left: 5px;
	font-style: italic;
	text-align: left;
}

div#myocFRexchangeSettings table#myocExchangeSettings div#myocInputfield {
	padding-top: 10px;
	text-align: center;
}

div#myocFRbookmarks table#myocBookmarks {
	width: 400px;
	padding: 0px;
	margin: 0px;
}


div#myocFRbookmarks table#myocBookmarks a.myocBookmarksRemove {
	color: #E74900;
	font-weight: bold;
}


/* Mobile styles */

div#myocDTmobileInfoText {
	/*padding-bottom: 14px;
	float: left;
margin-top:36px;*/
}

div#myocFBmobile {
	padding-top: 14px;
}

input#myocMobileNumber {
	margin-right: 30px;
	margin-left: 5px;
}

input#myocMobileNumberConfirm {
	margin-left: 5px;
}

table#myocMobileRegDetails td {
	padding: 5px;
}

/*** Tip Star ****/

div#myocTipStarHome {;
	width: 100%;
	padding-top: 0px;
}

div#myocTSleftContainer {
	float: left;
	width: 50%;
}

div#myocTSrightContainer {
	float: right;
	width: 49%;
}

div#myocTSHcomps {
	width: 100%;
	padding-top: 22px;
}

div#myocTSHentrants {
	float: right;
	padding-top: 22px;
	width: 100%;
}

div#myocTSHentrants .myocFormRight {
	padding: 0px;
}

div#myocTSHsummary {
	width: 100%;
}

table#myocCurrentCompEntrants thead {
	
	background-image: url(/i/myoc/myoc-tipcomp-bg.gif);
	background-color: #3F6A10;
	color: #ffffff;
}
table#myocCurrentCompEntrants thead tr {
	height: 24px;
}

/* Google Chrome hack */
	body:nth-of-type(1) table#myocCurrentCompEntrants thead td {
	line-height: 24px;
}

table#myocCurrentCompEntrants thead td {
	font-weight: bold;
	padding-left: 5px;
}

table#myocCurrentCompEntrants tfoot {
	height: 20px;
}

tr.myocCCEposA {
	background-color: #C7D6B8;
	height: 20px;
}

tr.myocCCEposB {
	background-color: #ADBD9E;
	height: 20px;
}

.myocCCEposA td {
	padding-left: 5px;
}

.myocCCEposB td {
	padding-left: 5px;
}

td.myocCCEposCol {
	padding-left: 0px;
	text-align: center;
}

tr.myocTipNote {
	min-height: 20px;
}

tr.myocTipNote td {
	background-color: #C7D6B8;
	border-right: 2px solid #ADBD9E;
	border-bottom: 2px solid #ADBD9E;
	padding: 3px 5px 3px;
}

div#myocTScompsSelectContainer {
	float: right;
}
div#myocTScompsSelectContainer form{
	position:relative;
	z-index:10;
}

/* Google Chrome hack */
	body:nth-of-type(1) div#myocTScompsSelectContainer {
	float: right;
	margin-top: 0px;
}

div#myocTSterms dl {
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 6px;
}

div#myocTSterms dt {
	width: 25px;
	float: left;
}

div#myocTSterms {
	margin-top: 6px;
}

div#myocTSterms ul {
	padding-left: 16px;
	list-style-type: square;
	padding-top: 10px;
	padding-right: 6px;
}

div#myocTSterms li {
	padding-bottom: 5px;

}

#myocTShelp, #myocTSenroll, #myocTSguide {
	margin-top: 6px;
}

#myocTShelp p {
	width: 100%;
	display: table-row;
}

#myocTShelp h2 {
	font-size: 18px;
}

#myocTShelp img {
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 10px;
}

div#myocTShelp-head {
	display: table-row;
	text-align: left;
}

#myocTSguide {
	text-align: center;
}

#myocTSguide h2 {
	font-size: 18px;
}

#myocTSenroll {
	text-align: center;
}

div#myocTSLcomps {
	padding-top: 8px;
}

div#myocTScompInfo {
	min-height: 120px;
}


div#myocTScompInfo img#tipStarlogosmall {
	float: right;
}

td#tipsubmitTC {
	font-size: 10px;
}

td#tipsubmitTC a {
	font-size: 10px;
}

div#myocLanding {
	margin-top: 8px;
}

p#myocReference {
	text-align: center;
	clear: both;
}

p#myocReference img {
	border: 1px solid #cccccc;
	padding: 4px;
}

div#myocCCEpages {
	padding-top: 3px;
}

div#myocCEpagesFP {
	text-align: right;
	width: 49%;
	float: left;
}

div#myocCEpagesPL {
	text-align: left;
	width: 49%;
	float: right;
}

#myocCCEpagesFirst, #myocCCEpagesPrev, #myocCCEpagesNext {
	padding-right: 10px;
}