@charset "UTF-8";

html { overflow-y: scroll; } 

body  { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; }
/*background:url(/resources/img/design/bg.gif);*/

#wrapper { margin: 0 auto 0 auto;  padding: 5px 10px;  text-align:left; max-width:1100px; min-width:920px; background-color:#FFFFFF; }

#container { text-align: left;  background-color:#FFFFFF; }  
#mainContent {
	background-color:#FFFFFF;
}
img{ border:none;}

/* ROGAVI COLORS */
.darkBlue { color: #093E98; }
.midBlue { color: #5CA1E6; }
.lightBlue { color: #4DCCFF; }
.darkOrange { color: #FFB319; }
.midOrange { color: #FFD926; }

/* THREE COL LAYOUT */
.thrColHybHdr #leftCol { float: left; width: 230px; }
.thrColHybHdr #rightCol { float: right; width: 230px; }
.thrColHybHdr #mainContent { margin: 0 240px 0 240px; padding: 0; } 

/* TWO COL LAYOUT */
.twoColHybHdr #leftCol { float: left; width: 230px; }
.twoColHybHdr #mainContent { margin: 0 0 0 240px; padding: 0; }

/* NOTICE TO USER */
#notice { 
	width: 100%; 
	line-height: 20px;
	background-color:#FFB319;	
	border-bottom: 1px; 
	border-bottom-color: #093E98;
	font-size: 12px;
}
#notice a {
	color:#093E98;
	text-decoration: none;
	padding: 15px 0;
	font-weight: bold;
	
}
#notice a:hover {
	color:#FFF;
} 

#bespokeHeader { position: relative; background:url(/skin-rogaviWL/resources/img/header_bespoke.gif); height: 56px; width:1100px;} 
#bespokeLogo {
position: absolute;
left: 20px;
top: 9px;
}
#bespokeHeaderNav, #bespokeRegister {
	position: absolute;
	right: 20px;
	top: 30px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

#bespokeHeaderNav a {
	color:#FFF;
	text-decoration:none;
	padding-right: 10px;
}

#bespokeRegister {
	top: 10px;
}

#bespokeRegister a {
	color:#FFDD22;
	text-decoration:none;
	padding-right: 10px;
}

#header { margin:  0; padding: 0px; background:url(/resources/img/design/headerBg.jpg) top left repeat-x; display:block; height: 143px;} 
#header .fltlft25 p, #header .fltlft25 a { color:#FFFFFF; font-size:12px; margin: 0; }
#header .fltlft25 p a:hover { color: #093E98; margin: 0px; padding: 0px; }
#header .fltlft25 input { margin: 0 5px 3px 0; padding: 1px; color:#666666; font-size:11px;  }
#header .fltlft50 { width:360px; float:left; display:block; height: 143px;}
#header .fltlft25 {width: 200px; background:url(/resources/img/design/headerBg2.jpg) top left repeat-x; float:right; padding-left: 10px; margin: 0 0 0 1px; display:block; height: 143px;}

.breadCrum  { float:left; font-size: 14px;  height: 30px; width: 100%; padding: 5px 0 0 0;}
.breadCrum .breadNav, .breadCrum .searchNav { display: inline; margin: 0px; float: left; }
.breadCrum .searchNav { float: right; }
.searchNav input { margin: 0 5px 3px 0; color:#666666; font-size:12px; font-weight: bold; }

.breadCrum form {
	padding: 0 0 0 0 ;
	margin: 0;
}
.breadCrum .breadNav a, .breadCrum .searchNav a { font-weight:bold; color: #2C87CD; text-decoration:none; }
.breadCrum a:hover { color: #FFB319 }

#mainWrapper { padding: 0; margin: 0; width:100%; }

#leftNav { margin: 0px; padding: 0px; width: 230px;}
#leftNav h1 { font-size:14px; color: #5CA1E6; background: url(/resources/img/design/leftNavTopBg.gif) top no-repeat; padding: 0 0 0 15px; margin: 0px; line-height: 30px; }


.link1 {
	display:block;
	width: 230px;
	height: 21px;
	color: #5CA1E6; 
	padding: 0; 
	margin: 0 ; 
	background: url(/resources/img/design/leftNavFullRest.gif) no-repeat; 
}

.link1 a {
	display:block;
	width: 205px;
	height: 21px;
	color: #666666; 
	font-size:12px;
	text-decoration: none;
	padding: 0 0 0 13px;
	background: url(/resources/img/design/leftNavFullRest.gif) no-repeat; 
} 

.link1 a:hover {
	display:block;
	width: 205px;
	height: 21px;
	background: url(/resources/img/design/leftNavFullOver.gif) no-repeat; 
} 

#leftNav .rightFloat { float:right; padding: 0; margin: 0; color: #666666; font-size:12px; text-decoration: none;}
#leftNav h4 {background: url(/resources/img/design/LeftNavBottomSlim.gif) bottom no-repeat; padding: 5px 20px 10px 0px; margin: 0; }

#mainContent h1, #mainContent h1 a, #rightCol h1 { font-size: 20px; color: #093E98; padding: 0 0 10px 0; margin: 0 0 0 0; text-decoration: none; }
#mainContent h2, #mainContent h2 a, #rightCol h2 { font-size: 16px; color: #5CA1E6; padding: 0px 0 5px 0; margin: 0 0 0 0; text-decoration: none; }
#rightCol h2 { padding: 10px 0px 5px 0; }
#mainContent h2 a:hover { color: #FFB319; }
#mainContent h3, #mainContent h3 a, #rightCol h3 { font-size: 14px; color: #093E98; padding: 10px 0 2px 0; margin: 0 0 0 0; text-decoration: none; }
#mainContent h4, #mainContent h4 a, #rightCol h4 { font-size: 14px; color: #5CA1E6; padding: 5px 10px 5px 0; margin: 0 0 0 0; text-decoration: none; }
#mainContent h5, #mainContent h5 a, #rightCol h5 { font-size: 14px; color: #093E98; padding: 10px 0 5px 0; margin: 0 0 0 0; text-decoration: none; }
#mainContent h6, #mainContent h6 a, #rightCol h6 { font-size: 14px; color: #5CA1E6; padding: 10px 0 5px 0; margin: 0 0 0 0; text-decoration: none; }
#mainContent p, #mainContent li, #rightCol p { color:#333333; font-size: 13px; line-height: 17px; padding: 0 10px 5px 0; margin: 0px; }
#mainContent table, #rightCol table { color:#333333; font-size: 13px; padding: 0; margin: 0px; }
#mainContent p a, #mainContent li a, #mainContent table p a, #rightCol p a { color:#093E98; font-size: 13px;  font-weight: bold; text-decoration: none; } 
#mainContent p a:hover, #mainContent li a:hover, #mainContent table a:hover, #rightCol p a:hover,  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #rightCol h1 a:hover, #rightCol h2 a:hover, #rightCol h3 a:hover, #rightCol h4 a:hover, #rightCol h5 a:hover, #rightCol h6 a:hover, #rightCol a:hover, h2 a:hover { color:#FFB319; }
#mainContent li { color:#333333; font-size: 13px; padding: 0 0 5px 10px; margin: 0 0 0 20px;; }
#mainContent ul, #mainContent .prBoxMain li { padding: 0; margin: 0; }
#mainContent #mainWrapper .prBoxMain p, 
#mainContent #mainWrapper .prBoxMain td, 
#mainContent #mainWrapper .prBoxMain p a { color: #093E98; padding: 0px;}
#mainContent #mainWrapper .prBoxMain label,
#mainContent #mainWrapper .labelset label { font-weight: bold; color: #FFB319; padding: 0px; }
#mainContent #mainWrapper .labelset a:hover { color: #FFB319; }
#mainContent #mainWrapper .labelset { margin: 5px 0; }
#mainContent #mainWrapper ol { padding: 0 0 10px 10px; margin: 0px; }
#mainContent #mainWrapper li { padding: 0 0 0 0px; margin: 0 0 0 20px; }
#mainContent #mainWrapper .prizeImgGroup { float:right; padding: 5px; width: 250px; border: 1px dashed #CCCCCC; margin-left: 10px;}
#mainContent #mainWrapper img.mainImg { padding: 0 0 5px 5px; }
#mainContent #mainWrapper img.mainImgGroup { padding-top: 5px; }

.prizeImgGroupL { float: left; padding:0; width: 100%; height: auto; }

#mainContent #mainWrapper br { height: 1px; margin: 0; padding: 0; }

#rightCol a { color: #093E98; text-decoration: none; }

form { padding: 0px; margin: 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666666;}
button { margin: 0; padding: 0;}
textarea { border-color: #CCCCCC; width: 90%; padding: 5px; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 4px; }

fieldset { border: 1px dashed #5CA1E6; padding: 10px; display: block; float: left; margin: 0 0 10px 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 20px; width: 95%;  }
fieldset label { width: 160px; }
filedset br { clear: left; }
fieldset input, fieldset select { border-color: #CCCCCC; padding: 1px 3px; margin-bottom: 4px; font: 12px Verdana, Arial, Helvetica, sans-serif; }
fieldset legend { font-size: 14px; color: #093E98; font-weight: bold; font-style: italic; background-color: #FFFFFF; padding: 0 5px; margin: 0 10px; }
fieldset a { font-weight:bold; color:#093E98; }
fieldset a:hover { color: #FFB319; }

fieldset.wideLabels label {width: 160px; font-size:12px; padding: 5px 5px; }
fieldset.wideLabels p { font-size: 12px; padding: 0 ; margin: 0px; }

.error {display:block; width:100%; padding: 3px; background-color:#FFC;  border: #900 1px solid; color:#900; font-weight: bold; text-align:center; }

.prizeImgGroupL2col {float:left; width: 250px; height: auto; padding: 0 10px 10px 0px;}

img.padLeft { padding-left: 5px; width:30% }

#labelSet200 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666666}
#labelSet200 label { width: 150px; }

label.lowWide { width: 92px; color: #FFB319; font-size:12px;}
label.medWide { width: 150px; color: #FFB319;}
label.veryWide { width: 200px; color: #FFB319;}
label, #rightCol label { width: 90px; float: left; font-weight: bold; text-align: right; margin: 0 5px 0 0; padding: 0; }

.prBoxL, .prBoxR { width: 50%; padding: 0; margin: 0; display: block; }
.prBoxL { float: left; }
.prBoxR { float: right;} 
.prBoxW { float: left; width: 100%; padding: 0; margin: 0; }

.prBoxTop, .prBoxTopRC { background: url(/resources/img/design/pgT.gif) repeat-x top; }
.prBoxTopThin { background: url(/resources/img/design/pgT.gif) repeat-x top; height: 10px;}
.prBoxTopRC { background-image: url(/resources/img/design/prIMGballoonBG.jpg); }
.prBoxBottom { background: url(/resources/img/design/prB.gif) repeat-x bottom;  }
.prBoxMain { border-left: 1px solid #B3C9DF; background: url(/resources/img/design/prR.gif) repeat-y right; padding: 0 5px 0 10px; margin: 0px; }
.prBoxMain h2 {padding: 0 0 0 0; margin: 0px; }
.prBoxTop h2 { padding-top: 10px; width: 100%; line-height: 20px}

.catTable { float: left; display: block; width: 33%}
#catTable ul, #catTable li, #catNav ul, #catNav li { margin: 0 0 0 0; padding: 0; }

#catNav { margin: 0; width: 100%}
#catNav ul, .prBoxMain ul { padding: 0; margin: 0 20px 0 -20px; list-style-type: none; }
#catNav ul a, .prBoxMain ul a { display: block; padding: 2px 0px 2px 0px; margin: 0; font-size:12px; color: #093E98; font-weight:bold; text-decoration: none; }
.prBoxMain ul a { font-size:18px; }
#catNav li a:hover, #catNav ul a:hover { color: #FFB319; }
.prBoxMain li a:hover, .prBoxMain ul a:hover { color: #FFB319; }

#catNav .rightFloat, .prBoxMain .rightFloat { float:right; }
.prizeLogo { width: 25%; }

img.imgPrize { width: 100%; padding-bottom: 4px; }
img.imgPrizeM { width: 100%; }
img.imgPrizeThumb { width: 25%; padding: 3px 4px; border: 0px; }

#mainContent #mainWrapper .infoBox { border: 1px dashed #D62D12; background-color: #FFFFCC; text-align: center; padding: 5px; margin-bottom: 5px; }

#prBoxRightCol { margin: 0; width: 240px; padding: 0px; display:block; }
#prBoxRightCol h1 { font-size:14px; color: #FFB319; padding: 0 0px 5px 0; margin: 0; }
#prBoxRightCol h2 { font-size:22px; color: #5CA1E6; font-weight:normal; padding: 0 10px 5px 0; margin: 0; }
#prBoxRightCol p { font-size:12px; color:#333333; padding: 0 10px 0 0; margin: 0;}

.cornerBoxTL { display: block; background: url(/resources/img/design/bgTLC.jpg) no-repeat top left; padding: 0px 10px 0px 10px; }
.cornerBoxBR { background: url(/resources/img/design/bgBRC.jpg) no-repeat bottom right; padding: 0 0px 10px 0;}
.cornerBoxBR label { font-size: 11px; }

a.buttonSmall { background: transparent url('/resources/img/design/bg_button_small_a.gif') no-repeat scroll top right; color: #093E98; display:block; float: left; font: normal 12px Verdana, Arial, sans-serif; height: 22px; margin: 0 20px 5px 0px; padding-right: 20px; text-decoration: none; } 
a.buttonSmall span { color: #093E98; background: transparent url('/resources/img/design/bg_button_small_span.gif') no-repeat; display: block; line-height: 13px; padding: 5px 0 4px 20px; white-space: nowrap; }
a.buttonSmall:hover { background-position: bottom right; color: #093E98; outline: none; }
a.buttonSmall:hover span { background-position: bottom left; padding: 6px 0 3px 20px; } 

a.buttonBig { background: transparent url('/resources/img/design/bg_button_big_a.gif') no-repeat scroll top right; color: #093E98; display: block; float: left; font: bold 12px Verdana, Arial, sans-serif; height: 30px; margin: 0 0px 5px 0; padding-right: 20px; text-decoration: none; } 
a.buttonBig span { color: #FFFFFF; background: transparent url('/resources/img/design/bg_button_big_span.gif') no-repeat; display: block; line-height: 20px; padding: 5px 0 5px 20px; white-space: nowrap}
a.buttonBig:hover { background-position: bottom right; color: #093E98; outline: none; }
a.buttonBig:hover span { background-position: bottom left; padding: 6px 0 4px 20px; } 

a.buttonIMG:hover {
	opacity: 0.51;
}

.twitterFirst, .twitterPost {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	line-height: 24px;
	color:#333;
	display:block;
}

.twitterPost {
	font-size: 14px;
	line-height: 17px;
	padding: 5px 0;
}

.twitterTime {
	font-family: Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	color:#999;
	width: 100%;
	display:block;
	border-bottom: #999 1px dashed;
	padding: 5px 0;
}

.twitterTime a {
	color:#999;
}

.twitterFirst a, .twitterPost a {
	color:#FFB319;
	font-weight:500;
	text-decoration:none;
}

.twitterFirst a:hover, .twitterPost a:hover {
	color: #093E98;
}

.twitterFollowerImg {
	display:block;
	float:left;
	padding: 0 3px 3px 0;
	width: 24px;
	height: 24px;
}

.fbinfobox {
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer { background: url(/resources/img/design/footerBg.jpg) repeat-x bottom; background-color:#FFF; margin: 0 10px; width: 100%;}
#footer p { margin: 0; padding: 0; font-size: 11px; color:#666666;}
#footer a { color: #5CA1E6; line-height: 17px;}
#footer a:hover { color: #FFB319; }
.footer1 { border-top: solid 1px #B3C9DF; border-bottom: solid 1px #B3C9DF; text-align:center; min-height: 53px; margin-top: 10px;}
.footer1 img { vertical-align: middle;}
.footer2 { background: url(/resources/img/design/footerBR.jpg) bottom right no-repeat; font-size:11px; padding: 0; min-height: 53px; }
.footer2 img { vertical-align: bottom; }


.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearleft { clear:left; height:0; font-size: 1px; line-height: 0px; }
.clearright { clear:left; height:0; font-size: 1px; line-height: 0px; }



/* Scroll panel */

.jScrollPaneContainer {
	position: absolute;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #808080 url(/skin-cwl/resources/img/drag_grab.gif) no-repeat 50% 50%;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}