/* 
 * these docs are designed to display content conditionally, and include comments to help target them to specific webtop
 * installations. All items of class "docinstructions" are comments about the documentation. To make them go away, 
 * set display to "NONE" or edit those blocks out of the test. (a script to do that will show up Real Soon Now.
 *
 */
 
.docinstructions {
	/* set display to none to make the doc instructions go away. 
				display: none;
	*/
	background-color: #FFD5D5;
}

.contentNeeded {
	/* set display to none to make the doc instructions go away. 
				display: none;
	*/
	background-color: #FFFF00;
}
.optionalContent {
	/* set display to none to make the doc instructions go away. 
				display: none;
	*/
	background-color: #D5FFD5;
}

.calendarContent {
	/* if you don't have calendar on your system, you can set display to none to make
		the references to it go away. disable the background color if you want to leave
		them in; this makes it easier to find them in thes ource.
				display: none;
	*/
	background-color: #D5D5FF;
}


A {
	text-decoration: none;
}

a:link { color: #000000; border-bottom:dotted; border-bottom-color:#999999; border-bottom-width:thin;}
a:visited { color: #000000;border-bottom:dotted; border-bottom-color:#999999; border-bottom-width:thin; }
a:active { color: #000000; border-bottom:dotted; border-bottom-color:#999999; border-bottom-width:thin;}
a:hover {
	color: #000000;
	background-color:#CCCCFF;
}


#helpwrapper {
	margin: 0px auto;
	width: 725px;
}

#innerwrapper {
	width: 700px;
}

#pageMenu {
	padding: 5px;
	height: 120px;
}

#pageMenu .BoldHead {
	font-size: x-large;
	font-weight: bold;
	float: left;
	width: 330px;
	position: relative;
	top: 30px;
	left: 0;
}
#pageMenu .menuBox {
	float: left;
	width: 90px;
	text-align:center;
	position: relative;
	left: 0;
	top: 20px;
}

#pageMenu .menuImage {
	position: relative;
	top: 0;
	left: 15px;
	width: 60px;
	height: 60px;
}

.menuImage a:link {
	text-decoration: none;
	border: none;
	background-color: #ffffff;
}
.menuImage a:visited {
	text-decoration: none;
	border: none;
	background-color: #ffffff;
}
.menuImage a:active {
	text-decoration: none;
	border: none;
	background-color: #ffffff;
}
.menuImage a:hover {
	text-decoration: none;
		border: none;
	background-color: #ffffff;

}

.HelpMenu {
	list-style: none;
	padding-left: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 20px;
}

.HelpMenu2 {
	list-style: none;
	padding-left: 0;
	font-size: 90%;
	font-weight: normal;
	line-height: 15px;
}



.EmergRed {
	color: #FF0000;
	font-weight: bold;
}

.MenuGrey {color: #999999;}

#tableContents #featuredItems {
	float: right;
	padding-left: 10px;
	padding-top: 0px;
	border: thin dotted #666666;
	position: relative;
	top: 0px;
	width: 200px;
	left: 0px;
}

#tableContents #helpItems {
	border-left-color:#999999;
	border-left-width:thin;
	position: relative;
	left: 0px;
	top: 0px;
	border-left-style: dotted;
	padding-left: 10px;
	padding-top: 0px;
	margin-left: 60px;
	width: 400px;
}

.Caption {
	font-size: smaller;
	font-style: italic;
	text-align: left;
}

.hrSeparator {
	clear:both;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.topReturn {
	float: right;
}

.floatBox {
	float: left;
	width: 350px;
	text-align: center;
}



#wrapper {
    position: absolute;
    left: 50%;
    width: 600px;
    margin-left: -305px;
    margin-top: 20px;    
}

h1 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
}

p {
    margin-top: 0px;
    margin-bottom: 15px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#header {
    text-align: center;
}

img {
    border: 0;
}

/*---------------------------------------------------------------------------*/

a {
	color: #3E93CC;
}

a:hover {
    color: #43829b;
}

/*---------------------------------------------------------------------------*/

#footer a {
    color: #76787A;
    text-decoration: none;
}
#footer a:hover {
	color: #222222;
    text-decoration: underline;
}
#footer .laszlo {
    color: black;
}

#footer {
    margin-top: 40px;
    margin-bottom: 40px;    
    text-align: center;
    font-size: 10px;
}

/*---------------------------------------------------------------------------*/

#screenshot {
    text-align: center;
    margin-bottom: 20px;
}

.learnmore {
    font-size: 11px;
}

.appheader {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 2px;
}

#apptable {
    margin-top: 15px;
    margin-bottom: 15px;
}

#apptable td {
    border: 0;
    vertical-align: top;
}

#apptable td p {
    margin-left: 35px;
}