/*
	probeo_base.css
	140807 TS
	
	' CurryColor now Orange
	' Timer for kick
*/

/* STYLES ========================================================================= */

body{
	color: black;
	font-family: Verdana, Tahoma, Arial;
	border: 0px white none;
	border-spacing: 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	top: 0px;
}

/* center the wrapper */
#wrapper { 
	width: 775px; 
	margin: 0 auto;
	position: relative;
	top: -8px;
}

#bigMenu {
	position: absolute;
	top: 55px;
	/*background-color:aqua;*/
	height: 72px;
	width: 520px;
}

#logoArea {
	position: absolute;
	top: 55px;
	left: 520px;
	/*background-color:red;*/
	height: 72px;
	width: 255px;
}

#smallMenu {
	position: absolute;
	top: 128px;
	background-color:#3f3f3f;
	height: 25px;
	width: 775px;
}

#indexImage {
	position: absolute;
	top: 155px;
	/*background-color:green;*/
	height: 190px;
	width: 775px;
}

#indexHeaderLeft {
	position: absolute;
	top: 347px;
	background-color:#3f3f3f;
	height: 44px;
	width: 256px;
	text-indent:16px;
	vertical-align:middle;
}

#indexHeaderMid {
	position: absolute;
	top: 347px;
	left: 259px;
	background-color:#3f3f3f;
	height: 44px;
	width: 257px;
	text-indent:16px;
	vertical-align:middle;
}

#indexHeaderRight {
	position: absolute;
	top: 347px;
	left: 519px;
	background-color:#3f3f3f;
	height: 44px;
	width: 256px;
	text-indent:16px;
	vertical-align:middle;
}

#indexTextLeft {
	position: absolute;
	top: 393px;
	/*background-color:maroon;*/
	height:80px;
	width: 256px;
}

#indexTextMid {
	position: absolute;
	top: 393px;
	left: 259px;
	/*background-color:yellow;*/
	height:80px;
	width: 257px;	
}

#indexTextRight {
	position: absolute;
	top: 393px;
	left: 519px;
	/*background-color:teal;*/
	height:80px;
	width: 256px;	
}

#indexBottomLine {
	position: absolute;
	top: 558px;
	background-color: #3F3F3F;
	height: 1px;
	width: 775px;
}

#indexBottomMenu {
	position: absolute;
	top: 560px;
	/*background-color:purple;*/
	height: 12px;
	width: 775px;
}

#pageTextLeft {
	position: absolute;
	top: 155px;
	left: 10px;
	/*background-color:green;*/
	height: 432px;
	width: 500px;
}

#pageImageRight {
	position: absolute;
	top: 155px;
	left: 520px;
	/*background-color:red;*/
	height: 333px;
	width: 255px;	
}

#pageTextSquareRight {
	position: absolute;
	top: 490px;
	left: 520px;
	background-color: #3f3f3f;
	height: 97px;
	width: 255px;
}

#pageTextRight {
	position: relative;
	/*top: 10px;*/
	left: 10px;
	color: orange;
	height: 77px;
	width: 235px;
}

#pageBottomLine {
	position: absolute;
	top: 588px;
	background-color: #3f3f3f;
	height: 1px;
	width: 775px;
}

#pageBottomMenu {
	position: absolute;
	top: 590px;
	/*background-color:purple;*/
	height: 12px;
	width: 775px;
}

#pageBottomTimer {
	position: absolute;
	top: 590px;
	left: 520px;
	/*background-color:purple;*/
	height: 12px;
	width: 255px;
	text-align: right;
	font-size: 8px;
}

*/

/* CLASSES ========================================================================= */

.darkGrayBg {
	background-color: #3f3f3f;	
}

.lightGrayBg {
	background-color: #8c8c8c;	
}

.blackText, span.blackText { color: #000; }
.blueText, span.blueText { color: #00f; }
/* .curryText, span.curryText { color: #eed661; } */
.curryText, span.curryText { color: orange; }

.darkGrayText, span.darkGrayText { color: #3f3f3f; }
.darkGreenText, span.darkGreenText { color: #099948; }
.greenText, span.greenText { color: green; }
.lightGrayText, span.lightGrayText {color: #e6e6e6; }
.limeText, span.limeText { color: lime; }
.redText, span.redText { color: #f00; }
.whiteText, span.whiteText { color: #fff; }

.leftText { text-align: left; }
.rightText { text-align: right; }
.centerText { text-align: center; }
.justifyText { text-align: justify; }

.middleText, span.middleText, img.middleText { vertical-align: middle; }

.boldText, span.boldText { font-weight: bold; }
.italicText, span.italicText { font-style: italic; }
.underlineText, span.underlineText { text-decoration: underline; }

.capsText, span.capsText { text-transform: uppercase; }

.px6Text { font-size: 6px; }
.px8Text { font-size: 8px; }
.px9Text { font-size: 9px; }
.px10Text { font-size: 10px; }
.px11Text { font-size: 11px; }
.px12Text { font-size: 12px; }
.px14Text { font-size: 14px; }
.px16Text { font-size: 16px; }
.px18Text { font-size: 18px; }
.px20Text { font-size: 20px; }
.px24Text { font-size: 24px; }

td.breakText{
-ms-word-break: break-all;
     word-break: break-all;

     /*Non standard for webkit*/
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

.handCursor { cursor: pointer; }

img.trans50{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}