/*	Wapag.com Network Stats	*/
/*			2008			*/
/*	Wapag IT Professionals	*/





/*general*/
body {text-align: center; margin: 0; background-color: #ffffff; background-image: url(images/bg.gif); background-repeat:repeat-y; background-position: 50%; font-family: Verdana, Arial, serif;}
img {border: 0pt}
a {text-decoration: none; border: 0pt solid}
a {color: #04599E}
a:hover {color: #04599E; text-decoration: underline}
h3, h4 {margin: 0pt}
/* end general */

/* align box */
#box {margin: 0 auto; width: 960px; text-align: left; height: auto;}
/* end align box */

/* general containers */
#box #container {width: 960px; height: auto; text-align: center;}
#site_content {width: 900px; text-align: left; margin-left: 0px; padding-left: 30px; padding-right: 30px; float: left;}
/* end general containers */

/* heading */
#logo {width: 900px; text-align: left; float: left; padding-left: 30px; height: 70px; padding-bottom: 8px}
	#logo img {display: block}
/* end heading */

/* (sub) navigation */
#navigation {width: 900px; height: 40px; text-align: left; margin-left: 0px; padding-left: 30px; padding-right: 30px; padding-top: 12px; padding-bottom: 2px; float: left;}
	#nav_block {width: 900px; background-color: #21a0c4; float: left; display: block; height: 22px}
	.navigation_item {float: left; padding-left: 1px; padding-bottom: 3px; padding-right: 12px; padding-top: 3px}
	.navigation_item a {padding-left: 14px; display: block; float: left; background-image: url(images/nav_icon.gif); background-repeat: no-repeat; color: #ffffff; font-family:Verdana ; font-size: 12px;}
	.navigation_item a:hover, .selected a {background-image: url(images/nav_icon_hover.gif); text-decoration: underline}
	
#sub_navigation {width: 178px; float: left; padding-bottom: 80px; text-align: left; padding-top: 2px;}
	.sub_nav {width: 178px; padding-left: 1px !important; padding-left: 3px; padding-right: 1px; float: left; padding-top: 1px; padding-bottom: 1px; background-image: url(images/dot_sub_nav.gif); background-repeat: repeat-x; background-position: bottom}
	.sub_nav a {font-size: 12px; color: #04599E; float: left; display: block; width: 100%}
	.sub_nav_text {width: 172px; float: left; padding-left: 0px; padding-right: 2px; padding-bottom: 6px;}
	.sub_nav_text h3 {font-size: 13px; color: #04599E; margin-top: 1px; text-decoration:none;}
	.sub_nav_text p {font-size: 11px; color: #333; margin-top: 4px; margin-bottom: 0px; padding-left: 0px}
/* end (sub) navigation  */

/*page content*/
#page_content {width: 702px; float: left; padding-left: 4px; padding-left: 16px; padding-top: 12px;}
		.home_item {width:600px; float:left; padding-bottom: 19px}
			.home_icon {float:left; padding-right: 16px} 
			.home_text {width:400px;float:left}
			.home_teaser a, .home_text a {font-size: 11px; color: #04599E; float: left; display: block; padding-left: 14px; padding-right: 7px; background-image:url(images/icons_links.gif); background-repeat:no-repeat;}
			.home_text .readon { float:left; margin-left:9px; margin-top:3px}
			.home_text h3 {font-size: 13px; color: #d85d0e; margin-bottom: 2px}
			.home_text h4 {font-size: 12px; color: #d85d0e; margin-top: 8px; font-weight: normal; padding-left: 2px}
			.home_text p {font-size: 11px; color: #333; margin-top: 7px; margin-bottom: 0pt; padding-left: 2px; float:left}
			.home_teaser p {font-size: 11px; color: #333; margin-top: 0px; margin-bottom: 0pt; padding-left: 2px; float:left; font-style:italic}
			.home_teaser {width: 160px; height:50px; float:left; border-right: 1px solid #333; display:block; padding: 2px}
			.image_link a {padding:1px; background-image: none;}
		.product_cont {width:694px; float:left; padding-bottom: 19px}
			.prod_visuals {float:right; width:100px}
			.prod_visuals img { margin-bottom:9px} 
			.prod_item {width:580px;float:left}
			.prod_item a {font-size: 11px; color: #04599E; display: block; padding-left: 14px; padding-right: 7px; background-image:url(images/icons_links.gif); background-repeat:no-repeat;}
			.prod_item .readon { float:left; margin-left:9px; margin-top:0px}
			.prod_item h3 {font-size: 13px; color: #d85d0e; margin-bottom: 2px}
			.prod_item h4 {font-size: 12px; color: #d85d0e; margin-top: 9px; font-weight: normal; padding-left: 2px; display:block; margin-bottom:0px}
			.prod_item .first {font-size: 11px; color: #333; margin-top: 7px; margin-bottom: 0pt; padding-left: 3px;}
			.prod_item p {font-size: 11px; color: #333; margin-top: 1px; margin-bottom: 7px; padding-left: 3px;}
			.prod_item p .link {font-size: 11px; color: #04599E; display:inline; padding-left: 0px; padding-right: 0px; background-image: none; background-repeat:no-repeat;}
			
		.text_item {float: left; padding-bottom: 28px}
			.text_item h3 {font-size: 13px; color: #d85d0e; margin-bottom: 2px}
			.text_item h4 {font-size: 12px; color: #d85d0e; margin-top: 8px; font-weight: normal; padding-left: 2px}
			.text_item p {font-size: 11px; color: #333; margin-top: 7px; margin-bottom: 13px; padding-left: 2px}
			.text_item a {font-size:11px;}
			.text_item .invite_list {margin-top: 0pt; padding: 0pt; padding-left: 4px}
		.formz form {padding: 0pt; margin: 0pt}
		.login {width: 240px; float: left; padding-left: 80px; margin-top:19px;}
			#message {margin: 0px; margin-bottom: 6px}
			.login label {font-size: 12px; color: #CC3300;}
			.login input {display: block;}
			.login select {display:block; width: 160px;  margin-top: 5px; margin-bottom: 7px;}
			.login #username, .login #password, .login #opassword {font-size: 11px; color: #333;}
			.login #username, .login #opassword, .login #npassword1 {border: 1px solid #333; margin-bottom: 4px; width: 160px; margin-top: 3px}
			.login #password, .login #npassword2 {border: 1px solid #333; margin-bottom: 8px; width: 160px;  margin-top: 3px}
			.login #submit {width: 100px; float: left; margin-left: 62px}


		.generalform {width: 700px; float: left; padding-left: 3px; display:block;}
			.generalform select {margin-top:6px; margin-bottom:12px; display:block; width:190px}
			.generalform input {width:190px}
			.generalform #submit {width: 100px; float: left; margin-left: 92px;}
			/* yeah it is ugly!! */
			.generalform #submitdate { width: 100px; margin-left: 92px; margin-top:0pt !important; margin-top: -30px}
			.generalform #FormDateDay, .generalform #FormDateMonth, .generalform #FormDateEndDay, .generalform #FormDateEndMonth {width:46px; margin-top:6px; margin-bottom:12px; float:left; margin-right: 6px}
			.generalform #FormDateYear, .generalform #FormDateEndYear {width:60px; margin-top:6px; margin-bottom:12px; float:left; }
			.generalform #FormDate {width: 170px; margin-top:0pt}
			.generalform #SubmitDelete {width:120px; display:block; margin-top:12px; margin-bottom:11px}
			.generalform #NewActionName {margin-top: 3px; margin-bottom: 2px}
			.generalform h4 { margin-bottom:0px; display:block;}
		#FormHomeVars {width:510px; height: 400px; background-image:url(images/HiFotoactieBg01.png); background-repeat:no-repeat; display:block; float:left}
			#VarHomeTitleInput {width: 380px; line-height: 21px; font-size:21px; margin-left: 86px; margin-top: 20px; float:left}
			#VarHomeSubTitleInput {width: 380px; line-height: 13px; font-size:11px; margin-left: 86px; margin-top: 3px; float:left}	
			#VarHomeContentTitleInput {width:290px; line-height: 12px; font-size:12px; margin-left: 18px; margin-top:48px; float:left;}
			#VarHomeContentLineText {width:290px; line-height: 11px; font-size:11px; margin-left: 18px; margin-top:0px; float:left;}
			#VarHomeContentRightText {width:160px !important; width:153px; height: 250px; font-size:12px; float:left; margin-left: 18px !important; margin-left: 12px; margin-top:-23px !important; margin-top:-20px; margin-bottom:16px}
			#SubmitChange { float:right;}
		#FormTopVars, #FormNewVars {width:210px; height: 300px; background-image:url(images/HiFotoactieBg02.png); background-repeat:no-repeat; display:block; float:left; margin-top: 6px; padding-left: 300px; padding-top: 25px;}
		#FormNewVars {background-image:url(images/HiFotoactieBg03.png)}
		#FormStayVars, #FormWinVars { width:510px; height: 300px; background-image:url(images/HiFotoactieBg04.png); background-repeat:no-repeat; display:block; float:left; margin-top: 6px; padding-top: 25px}
		#FormWinVars {background-image:url(images/HiFotoactieBg02w.png)}
			#VarStayContentTitleInput, #VarStayContentTitleInput {width:290px; line-height: 12px; font-size:12px; margin-left: 18px; float:left;}
			#VarStayContentLineText, #VarWinContentLineText {width:290px; line-height: 11px; font-size:11px; margin-left: 18px; margin-top:0px; float:left;}
			#VarStayContentRightText, #VarWinContentRightText {width:160px !important; width:153px; height: 250px; font-size:12px; float:left; margin-left: 18px !important; margin-left: 12px; margin-top:-23px !important; margin-top:-20px; margin-bottom:16px}
			#SubmitStayChange, #SubmitWinChange { float:right;}
			#SubmitNewAction {float:right; width: 180px; margin-top: 7px}
			#VarTopContentRightText, #VarNewContentRightText {width:160px !important; width:153px; height: 250px; font-size:12px; float:right; margin-right: 23px !important; margin-right: 11px; margin-bottom:19px; display:block}
			#SubmitTopChange, #SubmitNewChange {margin-left:0px !important; margin-left:76px; float:right !important; float:none}
			
		.ImageForm {width:220px; height:250px; float:left; display:block; margin-right: 6px}
			.ImageFormImCont {width: 203px; height:150px; text-align:center; background-image:url(images/im_bg.png); background-repeat:no-repeat; float:left; padding: 5px; margin-top: 4px}
			.ImageFormImCont img { float:none}
			.ImageForm #submitwin, .ImageForm #submitputback, .ImageForm #submitdelete  {float:right; width:102px; margin-top: 4px; margin-right: 8px}
			.ImageForm h4 {margin-bottom:2px}
			.ImageForm p {margin-top: 2px}
			
			
		.invite_form {width: 400px; float: left; padding-left: 3px}
			.invite_form .radio_black {font-size: 12px; color: #333;}
			.invite_form label {font-size: 12px; color: #d85d0e;}
			.invite_form p {margin-bottom: 12px}
			.invite_form #username, .invite_form #realname, .invite_form #email {font-size: 11px; color: #333; display: block}
			.invite_form #username, .invite_form #realname {border: 1px solid #333; margin-bottom: 8px; width: 190px; margin-top: 3px; display: block}
			.invite_form #email {border: 1px solid #333; margin-bottom: 8px; width: 190px;  margin-top: 3px; display: block}
			.invite_form #submit {width: 100px; float: left; margin-left: 92px;}
		.redirect {width: 700px; float: left; padding-top: 12px}
			.redirect input {display: block}
			.redirect label {font-size: 12px; color: #d85d0e; display: block}
			.redirect #name, .redirect #link, .redirect #redirectlink {font-size: 11px; color: #333;}
			.redirect #name, .redirect #link, .redirect #redirectlink {border: 1px solid #333; margin-bottom: 6px; width: 360px; margin-top: 2px}
			.redirect #submit {margin-top: 3px; margin-bottom: 12px; width: 120px;}
			.redirect #edit, .redirect #delete {margin-top: 3px; margin-bottom: 12px; width: 120px;}
			.redirect #delete {margin-top: 0px;}
			.redirect #stats_choose {border-bottom-style: outset; font-family: Verdana; font-size: 12px; width: 130px}
		.stats_item {float: left; padding-bottom: 28px;}
			.stats_graph {width: 600px; border: 1px solid #333; background-color: #99d4e0; font-family: Verdana; font-size: 11px}
			.stats_redirect_name {border-bottom: 1px solid #333; background-color: #21a0c4; color: #ffffff; font-size: 12px; padding-left: 1px; height: 14px}
			.stats_bar {background-color: pink; width: 490px; border-left: 1px solid #333; padding-right: 6px}
			.y-axis {height: 22px;}
			.y-axis_item {padding-left: 2px; height: 22px}
			.y-axis td {border-bottom: 1px solid #333;}
			.x-axis_name {text-align: right; border-left: 1px solid #333; padding-right: 6px}
			.stats_bar div {background-color: #dd2384; text-align: right; padding-right: 2px}
		#categories {width: 205px; float: left;}
			.category {border-left: 1px solid #333}
			#categories .select a {background-color: pink}
			.category a {font-size: 11px; width: 200px; padding-left: 4px; display: block; }
		#items {width: 155px; float: left;}
			.item {border-left: 1px solid #333}
			#items .select a {background-color: #99d4e0}
			.item a {font-size: 11px; width: 140px; padding-left: 4px; display: block;}
		#stats {width: 700px; float: left; padding-top: 4px; padding-bottom: 28px}
			#stats img {width: 700px; height: 500px;}
			#stats a {width: 700px; height: 500px;}
			
/*overrulers */
.noborder {border: none}
		.block {display:block; width: 550px}
		.error {font-style:italic;}
/*overrulers */

/* login */
#LoginPop { background-image:url(images/WapagLoginPopBg.gif); background-repeat:no-repeat; display:block; width:550px; height: 224px; text-align:left; float:left; position:absolute; top:138px; margin-left:270px;}
#LoginSideHeading {float:left; width:218px; height:16px; display:block; margin-top:6px;}
#LoginSideHeading a {float:right}
#LoginSide {float:left; margin-left:26px; width:170px; height:200px; display:block; margin-top:0px;}
#LoginSide h3 {font-size: 28px; color: #01779D; margin-bottom: 2px; font-weight:normal}
#LoginSide h4 {font-size: 16px; color: #01779D; margin-top: 6px; font-weight: normal; padding-left: 3px;}

/*login */



/* SIM */
#WapagSim {float:left; width:400px; height:600px; display:block; margin-top:30px;}
#Form {float:left; width:300px;}
#Form label {font-size: 12px; color: #d85d0e; margin-bottom: 2px}
#SimUrl {width:297px; border: 1px solid #333; margin-left:3px}
#SimSub {width:150px; float:right; margin-top:4px}
#Sim {width:300px; height:440px; display:block; float:left; padding-left:80px; padding-top:20px}
#iframeSim {width:300px; height:440px; border:none;}

/* SIM */