﻿.contentDiv
{
    width:950px;
    
}

body {
	FONT-SIZE: 1em; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial; 
	/*background: #ffffff url(http://www.predictad.com/images/bg/backgoundBig.gif) repeat-x top center;*/
	background: #ffffff url(http://www.predictad.com/images/bg/bluestrip.gif) repeat-x top center;
	/*background: #ffffff url(http://www.predictad.com/images/bg/gradient.jpg) no-repeat;*/


							
				color:							#666666;
				font-size:					100%;
				line-height:				1.4em;
				margin:							1em 2em;
				
	

}

form {
/*	font-family: Verdana, Arial, Sans-Serif;
	padding: 10px;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 12px;
		background: white;*/
}
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 30px 10px 15px 10px;
	background-color:#FAFAFA;
	margin: 20px 0;
	background: white url(http://www.predictad.com/images/bg/wforms_bg.gif) bottom repeat-x;
	border: 2px solid #62B7FF;
}
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}
legend {
/*	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */*/
	/*padding: 0 85px;*/
	padding: 0 40px;
	/*padding: 0 0 0 85px;*/
	height: 32px;
	line-height: 32px;
	text-align: center;
/*	background: url(http://www.predictad.com/images/bg/legend_bg.gif) center no-repeat;
	color: White;*/
color:Black;
	font-weight: bold;
	text-transform: uppercase;
}
fieldset fieldset legend {
	font-size: 12px;
}
label, .label {	
	text-transform: capitalize;
	color: #333;
	font-size: small;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('7em'); /* Min-width for IE6 */
	min-width: 7em;
	padding: 0 2px;
	margin: 0 4px 0 0;
	height: 26px;
}
.label { display: block; width: auto; }

label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 4px 0 1px 0;
	border: 2px solid #62B7FF;
}
/* added */
/*button,input.button,a.button {padding:5px 10px;border:1px solid #fff;outline:1px solid #abb;background:#dee url(http://www.predictad.com/images/bg/btn.gif) repeat-x left top;font:bold 1.0em Arial,Helvetica,FreeSans,clean,sans-serif;text-shadow:#fff 2px 2px 0;color:#566!important;cursor:pointer;}
button:hover,input.button:hover,a.button:hover {background:#fff url(http://www.predictad.com/images/bg/btn-hover.gif) repeat-x left top;}*/


input[type='button'], 
input[type='reset'], 
/*input[type='submit'] { padding:3px 10px;border:1px solid #62B7FF;outline:1px solid #abb;background:#dee url(http://www.predictad.com/images/bg/btn.gif) repeat-x left top;font:bold 1em Arial,Helvetica,FreeSans,clean,sans-serif;text-shadow:#fff 2px 2px 0;color:#566!important;cursor:pointer;}*/
input[type='submit'] { border:1px solid #62B7FF;outline:1px solid #abb;background:#dee url(http://www.predictad.com/images/bg/btn.gif) repeat-x left top;font:bold 1em Arial,Helvetica,FreeSans,clean,sans-serif;text-shadow:#fff 2px 2px 0;color:#566!important;cursor:pointer;}
 input[type='button']:hover, 
 input[type='reset']:hover, 
 input[type='submit']:hover {background:#fff url(http://www.predictad.com/images/bg/btn-hover.gif) repeat-x left top;}
 
/* input[type='button'], 
input[type='reset'], 
input[type='submit'] { padding:5px 10px;border:1px solid #fff;outline:1px solid #abb;background:#dee url(http://www.predictad.com/images/bg/btn.gif) repeat-x left top;font:bold 1.0em Arial,Helvetica,FreeSans,clean,sans-serif;text-shadow:#fff 2px 2px 0;color:#566!important;cursor:pointer;}
 input[type='button']:hover, 
 input[type='reset']:hover, 
 input[type='submit']:hover {background:#fff url(http://www.predictad.com/images/bg/btn-hover.gif) repeat-x left top;}
 
 
 

/*input[type='button'], 
input[type='reset'], 
input[type='submit'] { 
 color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#c6dcff');}

 } 
 input[type='button']:hover, 
 input[type='reset']:hover, 
 input[type='submit']:hover { 
  border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;
   cursor:pointer;
 } 
 */

 /* removed 
 input {
	background: url(http://www.predictad.com/images/bg/field_bg.gif) bottom repeat-x;
	border: 2px solid #62B7FF;
	height: 22px;
	margin: 2px 0;
}
*/

/*
 input[type='button']:active, 
 input[type='reset']:active, 
 input[type='submit']:active { 
   cursor: pointer; 
   background-color: #ddd; 
   border: 1px inset #ddd; 
 } */

input[type=text], input[type=password] {
	width: 170px;
	/*height: 22px;*/
	background: url(http://www.predictad.com/images/bg/field_bg.gif) bottom repeat-x;
	border: 2px solid #62B7FF;
}
select 
{
    height: 22px;
    width: 170px;
	padding: 0;
	margin: 2px 0 1px 0;
	background: url(http://www.predictad.com/images/bg/field_bg.gif) bottom repeat-x;
/*	background: Red;*/
}
.reqMark {
	color: red;
	margin: 0 3px;	
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
.instructions {
	margin: 1.5em 0;
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
.oneChoice input {
	vertical-align: middle;
	border: none 0;
	background: transparent;
	height: 16px;
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	/* deprecated since wForms v0.92 */
	/*border: 1px solid #F00;*/
}
.errFld {
	/*border: 1px solid #F00;*/
}
/* Styling for message associated with a validation error. */
.errorMsg { /* deprecated since wForms v0.92 */
	color: #CC3333 !important;
	display: inline;

}
.errMsg {	
	color: #CC3333 !important;
	font-size:0.8em;
	display: inline;

}
.okMsg {	
	color: green !important;
	font-size:0.8em;
	display: inline;

}
.hiddenText label {	
	display: none;
}
/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 180px;
	font-size: 90%;
	padding: 0 0 0 20px;
	line-height: 100%;	
}
/* Field-Hint without focus */
.field-hint-inactive {
	
	/*color: #666;*/
	color: #CCC;
	float: right;
	clear: right;
	width: 180px;
	font-size: 90%;
	line-height: 100%;
	background: url(http://www.predictad.com/images/bg/arrow.gif) left center no-repeat;
	padding: 0 0 0 20px ;
}
/* Repeat Behavior  */
.repeat {
	border: 2px solid #62B7FF;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 6px;

}
.removeable {
	border: 2px solid #62B7FF;
	background-color: #FFF;
	padding-right: 6px;	
}
/* Links generated by the Repeat Behavior */
a.duplicateLink:link, a.duplicateLink:visited {
	margin: 10px 10px 0 0;
	font-weight: bold;
	text-align: right;
	color: #ff6705;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 2px solid #62B7FF;
	float: right;
}	
a.duplicateLink:hover {
	border-bottom: 2px dotted #ff6705;
}
a.duplicateLink:active, a.duplicateLink:focus {
		outline: none;
	}

a.removeLink:link, a.removeLink:visited {
	margin: 10px 10px 0 0;
	font-weight: bold;
	text-align: right;
	color: #ff6705;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 2px solid #62B7FF;
	float: right;
}
a.removeLink:hover {
	color: red;
	border-bottom: 2px dotted red;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}

/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

/* Buttons */
.actions {
	padding-top: 15px;
	text-align: right;
	clear: right;
}
.primaryAction {
	display: inline;
}
.secondaryAction {
	color: gray;
	display: inline;
}
.secondaryAction:hover {
	color: black;
}


/*mine***/
.footer 
{
    color:#666666;
	FONT-SIZE: 0.8em;  TEXT-ALIGN: center
}

.dashedTitle{
    width: 230px;
    height:27px;
    FONT-SIZE: 1.5em;
    vertical-align:middle;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 5px; /*width of left column containing the label elements*/
    border-bottom: 1px dashed gray;
    font-weight:bold;
}

.grayBox {
	border:1px solid #b6b6b6;
	padding-bottom:0px;
	padding-left:14px;
	vertical-align:top;
	background-color:#f2f2f2;
	
}


/* menu tabs css */

#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

#globalnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	/*background:#ddd;*/
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	/*background:#bbb;*/
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/
/* the buttom line color */
#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid red;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#666666;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	/*color:#444;*/
	color:white;
}
/* end menu tabs*/

.tipTDOLD
{
	/*border: 1px solid #bbbbbb;*/
	/*margin: 0pt auto; 
	padding: 8px; 
	background-color: #ffffcc; 
	font:Normal 11px/15px Verdana; 
	margin:0px 0px 10px 0px;
	color:#333333;*/
	
}

th
{
    color: #000066; font-weight: bold; background-color: #CCDDCC;
    FONT-SIZE: 0.8em;
}

td
{
   /* text-align:left;*/
    
}
.alignRight
{
    text-align:right;
    
}
/* tabs */
.tabheader  { font-size: 10px; line-height: 130%; font-family: Verdana, Arial; font-weight: bold;
margin-top: 2px; background-image:url(http://www.predictad.com/images/tabs/tab_bkgd.gif);background-repeat: repeat-x; padding-top: 4px;
padding-bottom: 4px; padding-left:20px; padding-right: 20px}

.tabtop { background-image:url(http://www.predictad.com/images/tabs/tab_top.gif); background-repeat: repeat-x;}


.tipTD
{
	/*border: 1px solid #bbbbbb;
	margin: 0pt auto; 
	padding: 8px; 
	background-color: #ffffcc; 
	font:Normal 11px/15px Verdana; 
	margin:0px 0px 10px 0px;
	color:#333333;*/
	background-image: url(http://www.predictad.com/images/bg/note.gif);
	border-top: solid 1px #D7C668; 
	border-left: solid 1px #D7C668;
	border-bottom: solid 1px #9B8509;
	border-right: solid 1px #9B8509;
	background-repeat: repeat-x;
	
}

/**** Tool tip ****/
a.tooltip {
  z-index:24;
  color:#FF5E2F;
  position:relative;
  /*border-bottom:1px dashed #FF5E2F;*/
  text-decoration:none;
}

a.tooltip:hover {
  z-index:25;
  color:#7a7a7a;
  /*border-bottom:1px dashed #7a7a7a;*/
  text-decoration:none;
}

a.tooltip span {
  display:none;
}

a.tooltip:hover span {
  position:absolute;
  top:2em;
  left:0em;
  border:1px solid #F0D070;
  padding:3px;
  display:block;
  width:245px;
  color:#D0A010;
  background-color:#FFFFE4;
}

table
{
    text-align:left;
}

/*
web2 navagation
*/
#container {
width:800px;
/*height:600px;*/
padding:20px;
}
ul#navbar {
background:url(/images/bg/backgr.jpg) repeat-x left top;
margin:0;
border-bottom:3px solid #98CB00;
border-top:1px solid #00CCFF;
list-style-type:none;
height:31px;
}
ul#navbar li {
float:left;
}
ul#navbar li a {
display:block;
padding:5px 15px 4px;
font:bold 16px "Trebuchet MS";
text-decoration:none;
color:#00CCFF;
letter-spacing: -0.1em;
}
ul#navbar li a:hover {
color:#98CB00;
}
ul#navbar li a#current {
background:url(/images/bg/current.gif) no-repeat center bottom;
color:#98CB00;
}
.leftLtr
{
    direction:ltr;
    text-align:left;
}


/*Start GridView Classes*/
.gridTable
{
    border: #D7D7D7 2px solid; 
    table-layout:fixed;
    
}

.gridHeader
{
	font-family: Arial (Hebrew), Arial, Verdana, Times New Roman;
	font-size: 12px;
	color: #696163;	
	font-weight:bold;
	background-color: #DFE6EF;
	height: 30px;
	text-align:center;
	padding-right: 5px;	
	padding-left: 5px;	
}
.gridHeader a:hover{color: #666666;text-decoration:underline;padding-right: 5px;padding-left: 5px;}
.gridHeader a:active{color: #666666;text-decoration:none;padding-right: 5px;padding-left: 5px;}
.gridHeader a:visited{color: #666666;text-decoration:none;padding-right: 5px;padding-left: 5px;}
.gridHeader a:link{color: #666666;text-decoration:none;padding-right: 5px;padding-left: 5px;}

.gridRow
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 11px;
	color: #094388;		
	background-color: #fff;
	height: 30px;		
}
.gridRowOver
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 11px;
	font-weight:bold;
	color: #094388;		
	background-color: #fff;
	height: 30px;		
}
.gridRow a:hover{color: #094388;text-decoration:underline;}
.gridRow a:active{color: #094388;text-decoration:underline;}
.gridRow a:visited{color: #094388;text-decoration:underline;}
.gridRow a:link{color: #094388;text-decoration:underline;}

.gridRow td
{
	padding-right: 5px;
	padding-left: 5px;
}

.gridAlterRow td
{
	padding-right: 5px;
	padding-left: 5px;
}

.gridAlterRow
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 11px;
	color: #094388;		
	background-color: #F4F4F4;
	height: 30px;	
}
.gridAlterRowOver
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 11px;
	color: #094388;		
	background-color: #F4F4F4;
	height: 30px;	
	font-weight:bold;
}
.gridAlterRow a:hover{color: #094388;text-decoration:underline;}
.gridAlterRow a:active{color: #094388;text-decoration:underline;}
.gridAlterRow a:visited{color: #094388;text-decoration:underline;}
.gridAlterRow a:link{color: #094388;text-decoration:underline;}

.gridPagerFL
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 10px;
	color: #4D9FD4;
	cursor: pointer;	
}
.gridPagerFL a:hover{color: #4D9FD4;text-decoration:underline;}
.gridPagerFL a:active{color: #4D9FD4;text-decoration:none;}
.gridPagerFL a:visited{color: #4D9FD4;text-decoration:none;}
.gridPagerFL a:link{color: #4D9FD4;text-decoration:none;}

.gridPagerPN
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 10px;
	color: #4D9FD4;
	cursor: pointer;	
	padding-right: 4px;padding-left:4px;
}

.gridPagerNumOff
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 12px;
	color: #4D9FD4;
	border: 1px solid #CECECE;
	padding-right: 4px;padding-left:4px;
	cursor: pointer;
}

.gridPagerNumOff a:hover{color: #4D9FD4;text-decoration:underline;}
.gridPagerNumOff a:active{color: #4D9FD4;text-decoration:none;}
.gridPagerNumOff a:visited{color: #4D9FD4;text-decoration:none;}
.gridPagerNumOff a:link{color: #4D9FD4;text-decoration:none;}

.gridPagerPN a:hover{color: #4D9FD4;text-decoration:underline;}
.gridPagerPN a:active{color: #4D9FD4;text-decoration:none;}
.gridPagerPN a:visited{color: #4D9FD4;text-decoration:none;}
.gridPagerPN a:link{color: #4D9FD4;text-decoration:none;}

.gridPagerNumOn
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 12px;
	color: #7C7577;
	border: 1px solid #CECECE;
	padding-right: 4px;padding-left:4px;
	cursor: pointer;
}
.gridPagerNumOn a:hover{color: #7C7577;text-decoration:underline;}
.gridPagerNumOn a:active{color: #7C7577;text-decoration:none;}
.gridPagerNumOn a:visited{color: #7C7577;text-decoration:none;}
.gridPagerNumOn a:link{color: #7C7577;text-decoration:none;}


.gridPagerInfo
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 12px;
	color: #4D9FD4;
}

.gridPagerNumOff a:hover{color: #4D9FD4;text-decoration:none;}
.gridPagerNumOff a:active{color: #4D9FD4;text-decoration:none;}
.gridPagerNumOff a:visited{color: #4D9FD4;text-decoration:none;}
.gridPagerNumOff a:link{color: #4D9FD4;text-decoration:none;}

.gridExtra
{
	font-family: Arial (Hebrew), Verdana, Times New Roman;
	font-size: 11px;
	color: #094388;		
	background-color: #fff;
	padding-right: 5px;padding-left: 10px;		
}
/*End GridView Classes*/

/* yui table*/
.tablestyle 
{
    /*table-layout:fixed;*/
    line-height:1em;
	font-family: arial;
	font-size: small;
	border: solid 1px #7f7f7f;
}

.altrowstyle 
{
    background-color: #edf5ff;
}

.headerstyle th 
{
    background: url(http://www.predictad.com/images/table/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    /*vertical-align: bottom;*/
    vertical-align: middle;
    
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
    background: url(http://www.predictad.com/images/table/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a 
{
    background: url(http://www.predictad.com/images/table/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader 
{
    background: url(http://www.predictad.com/images/table/sprite.png) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a 
{
    background: url(http://www.predictad.com/images/table/dt-arrow-dn.png) no-repeat right 50%;
} 

/*pager style*/
.pagerstyle{
    color:#444444;
    background-color:#e5e5e5;
    font-size:x-small;
    text-align:right;
} 
.pagerstyle select{
    font-size:x-small;
}  
.previous{
    background:transparent url(Img/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:transparent url(Img/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
.gotopage{
    font-size:x-small;
    width:20px;
}
