/* MASTER PAGE */

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4A4A4A;
    line-height: 18px;
    margin: 0;
    background-color: #B9B9B9;
}

.option
{
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;   */
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

#wrapper
{
    width: 750px;  /*900px;*/
	height: auto;
	margin: auto;
	border: 1px solid gray;
	background-color:#FFF;
}

#header
{
    background-image: url(../images/netfocus_2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-color: #01506F;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 20px;
}

#footer
{
    background-color: #01506F;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
    color: #FFF;
    text-align: center;
    float: left;
}

#page
{
    padding: 20px;
    width: 860px;
    margin: 0 auto;
}

#content
{
    padding: 20px;
    width: 710px;
    background-color: #FFFFFF;
}

#logo
{
    color: #FFFFFF;
    font-size: 18px;   
}

.error_text
{
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}



/* SEARCH  */

#searchresults
{
    padding: 3px;
    overflow: auto;
    height: 250px;
}

#search h3, .confirm-dialog h3
{
    background-color: #4D769E;
    color: #FFFFFF;
    height: 15px;
}

.gridheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    background-color: #999;
}

.cpeHeader
{
    padding: 1px 2px 2px 2px;
    background-color: #999;
    font-weight: bold;
    color: #FFF;
    margin-top: 2px;
    cursor: pointer;
    height: 15px;
}

.cpeContent
{                   
	height:0px;
	overflow: hidden;
}

h3
{
    font-family: Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 14px;
	margin: 10px 0px 10px 0px;
	border-bottom:1px solid #ccc;
	padding-top: 0px;
	font-weight: bold;
	width:100%;
}


h4
{ 
    font-size: 115%; 
    /*margin: 1em 0  1em 0; */
    border-bottom:1px solid #ccc; 
    padding-bottom:3px; 
    color: #525252; 
    width:100%;
}

#tabarea
{
    /*margin-top: 50px;*/
    /*border: 1px solid #FF0000;*/
    width: 100%; /*680px;*/ /*761px;*/
   /*height: 324px;*/
}


.control
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525252;
    margin-left: 0px;
}

#boarddata
{
    overflow: auto;
    height: 400px;
    width: 690px;
}

#boardsummary
{
    overflow: auto;
    height: 275px;
    width: 200px;
}

#progress
{
    width: 130px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -15px;
    background-color: #B9B9B9;
    padding: 10px;
}

#progress img
{
    vertical-align: middle;
}

.inputPanel
{
    padding: 5px 5px 5px 5px;
    background-color: #D1D3E4;
}

.button
{
    margin: 0; /*font: bolder 12px Arial, Sans-serif; */
    border: 1px solid #5C5C5C;
    padding: 2px 3px;
    background-color: #D8D8D8;
}
.title
{
    font-family: Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 14px;
	padding-top: 0px;
	font-weight: bold;
}
div h2
{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    height: 22px;
}

.instructions
{
    padding-left:2px;
}

.Version
{
    float: right;
    font-weight: bold;
    margin-right: 3px;
}
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=60);
    opacity:0.6;
} 

.confirm-dialog
{
    margin: 0px auto;
    width: 225px;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #B9B9B9;
    color: #525252;
}

.confirm-dialog h2
{
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

.confirm-dialog .inner
{
    position: relative; /*top: -10px;*/
    text-align: center;
    float: left;
    width: 225px;
    padding-bottom: 5px;
}

.hidden
{
    position: absolute;
    top: -1000px;
}

a
{
  color: blue;
  text-decoration: none;   
}

a:visited
{
  
    color:#3333CC;
}


/* These override the <ul> and <li> elements from the menu to allow non-menu type items to be inserted*/
.menubar li ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: inherit;
    overflow: hidden;
    width:auto;
    float: right;
    border-bottom: none;
}
   
.menubar li ul li
{
    display: inline;
    margin: 0;
    color: #FFF;
}

.menubar li ul li a
{
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #FFF;
    background: #999;
    border-right: none;
}

.menubar li ul li
{
    float: left;
    margin: 0;
    padding: 6px 10px;
    color: #FFF;
    background: #999;
}

#top_area
{
    width: 100%;
    height:120px;
}


#info
{
    width: 453px;
    float: left;
}

#search
{
    border: 1px solid #B9B9B9;
    width: 185px;
    height: 108px;
    float: right;
}

#add_score
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #B9B9B9;
    width: 210px;
}

.grid
{
    border: 1px solid #B9B9B9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #525252;
    background-color: #FFF;
}

.error_list
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*margin-left: -15px;*/
    margin-left: 0px;
    margin-right: 0px;
}

/*     LETTERS    */

#recipients
{
    border: 1px solid #B9B9B9;
    height: 370px;
    width: 500px;  /*475px;  365px;*/
    overflow: auto;
}

#letter_actions, #letter_options, #letter_params
{
    width: 170px;
}


/*     GROUPING DIVs    */

.group_panel
{
    border: 1px solid #999;
}

.group_panel .content
{
    padding-left: 3px;
    font-size: 11px;
}

.group_panel .seltable
{
    margin-top: -10px;
}

/*     Use these for group boxes     */
.group_box
{
    border: 1px solid #B9B9B9;
}

.group_box_title
{
    background-color: #01506F;
    padding: 1px 0px 2px 3px; /*background-color: #959595;*/
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    height: 17px;
}

.group_box_content
{
    padding: 3px;
    background-color: #FFFFFF;
}




.div_header
{
    background-color: #999;
    font-size: 12px;
    height: 16px;
    margin-top: 0px;
    color: #FFF;
    padding-top: 1px;
    padding-left: 3px;
    font-weight: bold;
    padding-bottom: 3px;
}

/*     TABLES      */

.nf_table
{
    width: 100%;
    /*padding-top: 1px;*/
	/*height: 63px;*/
}

.nf_table td
{
    padding:3px;
}

.tblheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    background-color: #999;
    color: #FFF;
    padding-left: 3px;
}

#stats
{
    width: 340px;
    float: left;
}

#whatsNew
{
    width: 340px;
    float: right;
}

/*     BASE WRAPPER AND INHERITED CLASSES   */

.wrapper
{
    height: auto;
	margin: auto;
	border: 1px solid gray;
	background-color:#FFF;
}

.normal
{
    width: 750px;
}

.report
{
    width: 820px;
}

.reportwide
{
    width: 1060px;
}


#userInfo
{
    float: left;
    
}
.entry
{
    text-transform:uppercase;
}

#apps
{
    /*float: right;*/
}

#container
{
	overflow: auto;
}
.ProgressBar
{
    height: 30px;
    width: 150px;
    text-align: center;
    z-index: 9000;
    padding-top: 40px;
    margin-top: -75px;
    margin-left: -150px;
}
.PopupBox
{
    padding: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #FFFFFF;
    border: solid 1px #999999;
    background-repeat: repeat-x;
    background-position: 0px 1px;
}
#progress, .progress 
{
    border: 1px solid #01506F;
    width: 130px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -65px;
    background-color: #B9B9B9;
    padding: 10px;
}
.hand 
{
  cursor: pointer !important;

}
#FaqQuestion 
{
  cursor: pointer 
}