/* CSS Document */

/*////////////////////////////////////

 WIKIPATTERNS VERSION 1.1
 AUTHOR: RIK ABEL (RIK@HEADSHIFT.COM)
 LAST UPDATED: 22/MAR/06
 
	CONTENTS:
	
	0. GLOBAL ELEMENTS
	1. LINKS
	2. LAYOUT
	3. NAVIGATION
	4. IMAGES
	5. LISTS
	6. TYPOGRAPHY
	7. FORMS

	
////////////////////////////////////*/



/*//////////////////// 
  =GLOBAL ELEMENTS
////////////////////*/


* { 
	margin: 0;
	padding: 0;
	}
	
body {
	text-align: center; /* centres page in IE */
	font: 12px/1.4 	Arial, Helvetica, sans-serif; /* all font-sizes are set relative to this base font-size */
	color: #333;
	margin-bottom: 25px;
	background: #fff;
	min-width: 760px;
	}
	
.none,
.hide {
	display:none;
	}
	
img {
	border: 0;
	}
	
p#skipnav {
	display: none;
	}
	
/*//////////////////// 
  =LINKS
////////////////////*/

a, a:visited {
	color: #369;
	}
	
a:hover, a:visited:hover {
	color: #5B8EC1;
	}
	
a#biggreenbutton,
a#biggreenbutton:visited {
	color: #fff;
	display: block;
	width: 170px;
	height: 45px;
	background: #390 url(../img/biggreenbutton.jpg) 0 0 no-repeat;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
	}

a#biggreenbutton:hover,
a#biggreenbutton:visited:hover {
	text-decoration: underline;
	}
	
a.toplink {
	padding-left: 15px;
	background: #fff url(../img/bullet_arrow_up.png) 0 50% no-repeat;
	}
	
a.commentlink {
	padding-left: 20px;
	background: #fff url(../img/comment.png) 0 50% no-repeat;
	}
	
a.editlink,
a.editlink:visited {
	float: right;
	color: #ccc;
	background: transparent url(../img/pencil.png) 0 -16px no-repeat;
	padding-left: 20px;
	text-decoration: none;
	margin-right: 10px;
	margin-top: 5px;
	height: 16px;
	overflow: hidden;
	}
	
a.editlink:hover,
a.editlink:visited:hover {
	color: #fff;
	}
	
/*//////////////////// 
  =LAYOUT
////////////////////*/
	
	
#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	}
	
#wrapperpad {
	padding: 0 10px 0 10px;
	overflow: hidden;
	background: #fff url(../img/columns_bg.gif) bottom right no-repeat;
	}
	
#header {
	width: 780px;
	height: 70px;
	background: #000 url(../img/header_bg.jpg) top right no-repeat;
	border-bottom: 1px solid #646464;
	}
	
#logo {
	float: left;
	margin-left: 10px;
	width: 380px;
	display: inline;
	}
	
h1 {
	border-bottom:none;
	}	
	
#logo h1 {
	display: block;
	width: 375px;
	height: 53px;
	margin-top: 10px;
	text-indent: -9999px;
	background: #000 url(../img/logo.gif) 0 0 no-repeat;
	}
	
#logo a {
	text-decoration: none;
	}
	
#logo p {
	display: none;
	}

#search {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	}
	
#search .searchtext {
	width: 108px;
	padding: 2px;
	border: 1px solid #ccc;
	}
	
#search #searchbutton {
	margin-left: 2px;
	position: relative;
	top: 4px;
	}
	
#intro {
	overflow: hidden;
	margin-bottom: 20px;
	}
	
#intro p {
	width: 380px;
	font-size: 12px;
	float:left;
	}
	
#right {
	float: right;
	width: 180px;
	}
	
#bluebox {
	width: 180px;
	background: #DCECFD url(../img/bluebox_bottom.jpg) bottom left no-repeat;
	}
	
#bluebox h3 {
	color: #369;
	background: #DCECFD url(../img/bluebox_top.jpg) 0 0 no-repeat;
	padding: 5px 10px;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
	}
	
#bluebox .pad {
	padding: 5px 10px;
	}
	
#bluebox a,
#bluebox a:visited {
	padding-left: 20px;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 3px;
	}
	
#bluebox a#changes {
	background: transparent url(../img/add.png) 0 0 no-repeat;
	}
	
#bluebox a#feed {
	background: transparent url(../img/feed.png) 0 0 no-repeat;
	}
	
	
#leftcontainer {
	width: 370px;
	float: left;
	overflow: auto;
	background: #fff;
	}
	
#rightcontainer {
	width: 370px;
	float: right;
	overflow: auto;
	background: #fff;
	}
	
#outerleft,
#innerleft,
#innerright,
#outerright {
	display: block;
	width: 180px;
	background: #fff;
	}
	
#outerleft,
#innerright {
	float: left;
	}
	
#innerleft,
#outerright {
	float: right;
	}
	
	
.patternbox {
	width: 179px;
	background: #ededed url(../img/greybox_bottom.gif) bottom left no-repeat;
	margin-top: 10px;
	font-size: 11px;
	}
	
.patternbox h3 {
	padding: 5px 10px;
	background: #ededed url(../img/greybox_top.gif) 0 0 no-repeat;
	font-size: 14px;
	}
	
.patternbox h3.pattern {
	color: #2C8E00;
	border-bottom: 3px solid #2C8E00;
	margin-top: 0;
	}
	
.patternbox h3.antipattern {
	color: #ff0000;
	border-bottom: 3px solid #ff0000;
	margin-top: 0;
	}
	
.patternbox .pad {
	padding: 10px 0;
	}
	

	
	
#bottomlinks {
	display: block;
	clear: both;
	height: 100px;
	margin-top: 20px;
	width: 760px;
	float: left;
	}
	
	
#footer {
	padding-bottom: 100px;
	background: #fff url(../img/bottomtile.gif) bottom left no-repeat;
	clear: both;
	margin-left: 10px;
	width: 760px;
	}
	
#footer .pad {
	padding: 10px 0;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	overflow: auto;
	}
	
#footer p {
	width: 600px;
	margin-top: 10px;
	color: #ccc;
	}
	
#footer p strong {
	color: #999;
	}
	
#footer p a {
	color: #999;
	text-decoration: none;
	}
	
#footer p a:hover {
	text-decoration: underline;
	}
	
#middlecol {
	float: left;
	width: 380px;
	/*overflow: auto;*/
	margin-bottom: 20px;
	
	}
	
#pattern {
	margin-bottom: 20px;
	}
	
	
#login {
	width: 500px;
	margin: 20px auto;
	background: #fff;
	}
	
.infobox {
	padding: 10px;
	background: #ffffe0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
.infobox p {
	margin: 0;
	padding: 0;
	}
	
/*//////////////////// 
  =NAVIGATION
////////////////////*/

#nav {
	background: #2e2e2e;
	width: 780px;
	overflow: auto;
	margin-bottom: 20px;
	clear:left;
	}
	
#nav ul {
	list-style: none;
	margin-left: 10px;
	border-left: 1px solid #646464;
	margin-top: 0;
	}
	
#nav li {
	float: left;
	}
	
#nav li a,
#nav li a:visited {
	float: left;
	display: block;
	padding: 5px 10px;
	border-right: 1px solid #646464;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	background-color: #2e2e2e;
	}
	

	
#nav li#on a,
#nav li#on a:visited {
	color: #339900;
	background-color: #fff;
	border-top: 3px solid #339900;
	padding-top: 2px;
	font-weight: bold;
	}
	
#nav li.add a,
#nav li.add a:visited {
	padding-left: 25px;
	background: transparent url(../img/add.png) 5px 50% no-repeat;
	}
	
#nav li.add a:hover,
#nav li.add a:visited:hover {
	background-color: #fff;
	color: #646464;
	}
	
#nav li a:hover,
#nav li a:visited:hover {
	background-color: #fff;
	color: #646464;
	}

#nav li.pageops,
#nav li.pageopsimage {
	float:right;
	overflow:hidden;
}
#nav li.pageopsimage a {
	position:relative;
	top:-4px;
	height:16px;
}
#nav li.pageopsimage a img {
	position:relative;
	top:3px;
	left:-2px;
	height:16px;
}

	
/*//////////////////// 
  =IMAGES
////////////////////*/

img#intropic {
	float: left;

	}
	
img#cc {
	float: right;
	}
	
	
/*//////////////////// 
  =LISTS
////////////////////*/


.patternbox ul {
	list-style: none;
	}
	
.patternbox li a,
.patternbox li a:visited {
	display: block;
	padding: 3px 5px 3px 30px;
	}
	
.patternbox li a:hover,
.patternbox li a:visited:hover {
	background-color: #f4f4f4;
	}
	
.patternbox li.relpattern a,
.patternbox li.relpattern a:visited {
	background: #CDEEBB url(../img/tick.png) 10px 50% no-repeat;
	}
	

.patternbox li.relantipattern a,
.patternbox li.relantipattern a:visited {
	background: #F2DFDF url(../img/cross.png) 10px 50% no-repeat;
	}


ul#tourlist {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#tourlist li p{
	margin: 0;
	padding: 0;
	}
ul#tourlist li {
	border-bottom: 1px solid #e5e5e5;
	}
	
ul#tourlist li a,
ul#tourlist li a:visited {
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	color:#5B8EC1;
	}
ul#tourlist li strong {	
	display: block;
	padding: 2px 10px 2px 20px;
	text-decoration: none;
	background: #fff url(../img/bullet_arrow_right.png) 5px 50% no-repeat;
	}
	
#pattern ul {
	list-style: none;
	}
	
#pattern li {
	margin-left: 20px;
	padding-left: 20px;
	background: #fff url(../img/bullet_green.png) 0 0 no-repeat;
	margin-bottom: 5px;
	}
	
/*//////////////////// 
  =TYPOGRAPHY
////////////////////*/

p {
	margin-bottom: 0.5em;
	}
	
p.sponsors {
	color: #999;
	}
	
p.comments {
	text-align: right;
	}
	
#pattern p {
	margin-left: 10px;
	}
	
#right h4 {
	font-size: 11px;
	color: #333;
	background: #ececec;
	border-bottom: 1px solid #dcdcdc;
	padding: 3px 10px;
	margin-top:0;
	}
	
h2 {
	font-size: 22px;
	color: #666;
	background:none;
	border:none;
	padding:0;
	margin:0;
	}
	
h3 {
	font-size: 14px;
	color: #666;
	margin-top: 20px;
	background-color: #fff;
	}
	
p.pwremind {
	text-align: right;
	margin-top: 10px;
	}
	
p.adminlinks {
	float: right;
	color: #666;
	}
	
p.adminlinks a,
p.adminlinks a:visited {
	color: #666;
	}
	
	
/*//////////////////// 
  =FORMS
////////////////////*/
	
.form-buttons {
	background-color:#F0F0F0;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-top:16px;
	padding:10px;
	text-align:center;
}

.form-buttons input {
	width: 100px;
	font-size: 11px;
	}


.infobox {
	padding: 10px;
	background-color: #ffffe0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	}
	
.greenbox {
	padding: 10px;
	background-color: #EAF5E5;
	border-top: 1px solid #339900;
	border-bottom: 1px solid #339900;
	margin-bottom: 10px;
	color: #339900;
	font-weight: bold;
	}
	
.infobox p {
	margin: 0;
	padding: 0;
	}
	
	
#login label {
	font-weight: bold;
	color: #333;
	}
	
#login .leftlabel {
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	}
	
input.logintext {
	float: left;
	width: 200px;
	margin-bottom: 10px;
	}
	
#login br {
	clear: both;
	}
	
#os_cookie_id {
	margin-left: 135px;
	}
	
p.forminfo {
	float: left;
	margin-left: 10px;
	color: #999;
	}
	
#editbox {
	background-color: #F0F0F0;
	border:1px solid #ccc;
	padding: 10px;
	overflow: hidden;
	
}


.newpagetitle {
	color:#CCCCCC !important;
}

.pagetitle {
	color:#FF9900;
	font-family:Arial,sans-serif;
	font-size:22px;
	font-weight:bold;
}

.inputSection {
	margin-bottom:20px;
}

.submitButtons {
	margin-top:5px;
	text-align:right;
}


.minitab {
	border-bottom:1px solid #339900;
	float:none;
	font-family:Verdana,sans-serif;
	font-size:9px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-bottom:0;
	margin-left:0;
	margin-top:40px;
	padding:3px 0px 3px 8px;
	text-decoration:none;
}

a.unselectedminitab:link {
	color:white;
}

.unselectedminitab {
	background:#339900;
	border-color:#339900;
	border-style:solid solid none;
	border-width:1px 1px medium;
	color:#FFFFFF;
	margin-left:3px;
	margin-top:1px;
	padding:3px 0.5em;
	text-decoration:none;
}

a.selectedminitab:link {
	color:black;
}

.selectedminitab {
	background:white none repeat scroll 0%;
	border-color: #339900;
	border-style:solid;
	border-width:1px;
	color:#000000;
	margin-left:3px;
	margin-top:1px;
	padding:3px 0.5em;
	text-decoration:none;
}


.formtitle {
	color: #339900;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.inline-control-link {
	background-color: #FFFFCC;
	color: #666666;
	cursor: pointer;
	font-size: 9px;
	padding: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

.toogleFormDiv {
	background-color:white;
	border:1px solid #A7A6AA;
	margin-top:5px;
	padding:5px;
}

.smallgreentext {
	background-color: #EAF5E5;
	padding: 2px 10px;
	border-left: 3px solid #339900;
	border-right: 3px solid #339900;
	margin-top: 10px;
	line-height: 1.2;
	}	

.pagecontent ul ul {

	padding-left: 15px;

	}
	
	
body, p, td, table, tr, .bodytext, .stepfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.patternbox .tableview td {
	border-bottom: none;
	padding: 2px 5px;
	}
	
#wrapperpad li  { margin-left: 20px; }

#wrapperpad #right li { margin-left: 0; }

.patternbox  img {
	display: none;
	}
	
.patternbox td a {
	margin-left: 20px;
	}
	
.greybox {
	border: none;
	}
	
.smalltext,
.smallfont {
	font-size: 11px;
	}

#nav li.edituser a,
#nav li.edituser a:visited {
padding-left: 25px;
background: transparent url(../img/user_edit.gif) 5px 50% no-repeat;
}

#nav li.edituser a:hover,
#nav li.edituser a:visited:hover {
background-color: #fff;
color: #646464;
}