/*
Theme Name: MicropayTheme
Description: The tailor-suited theme for Micropay
Version: 2.8
Author: Noy Gabay
*/

@import "style/reset.css";
@import "style/typography.css";
@import "style/layout.css";

.error {
	font-weight: bold;
	color: #A84B53;
}

body {
	background: #f8f7f7 url(style/background.jpg) bottom repeat-x;
	color: #4E4E4E;
	font-size: 12px;
}

a {
	color: Blue;
}

#header {
}
	#heading {
		background: url(style/headerBG.gif) no-repeat top left;
	}
		#login {}
			#login .Right {}
				.uName {
					background: url(style/LoginName.jpg) no-repeat top right;
					font-size: 12px;
				}
				.Pass {
					background: url(style/LoginPass.jpg) no-repeat top right;
					font-size: 12px;
				}
				#login .Right span {
					font-weight: bold;
					font-size: 14px;
				}
			#login .Left {}
				.submitLogin {
					background: url(style/Arr.gif) no-repeat top right;
					cursor: pointer;
				}
		#logo {
			/*background: url(style/logo.png) no-repeat top left;*/
			text-decoration: none;
		}
	#nav {
	} 
		#nav a {
			background-position: top left;
			background-repeat: no-repeat;
			text-decoration: none;	
		}
		#nav a:hover {
			cursor: pointer;
		}
			#nav a.main {background-image: url(style/mainBut.gif);}
			#nav a.about {background-image: url(style/aboutBut.gif);}
			#nav a.contact {background-image: url(style/contactBut.gif);}
			#nav a.partners {background-image: url(style/partnersBut.gif);}
#sideWrap { width: 180px;}
#sidebar {
	background: url(style/SidebarBG.gif) repeat-y top left;
}
	#demoAccount {
		background: url(style/TrialAccountBG.gif) no-repeat top left;
		text-decoration: none;
		cursor: pointer;
	}
	#categories {
		padding: 10px 0;
	}
		#categories h3 {
			background: url(style/CatBG.png) no-repeat center;
			font-size: 12px;
			color: white;
		}
		#categories h3 img {
			vertical-align: middle;
			margin: 0 3px;
		}
		#categories ul {
			
		}
		#categories ul li {
			background: url(style/bullet.png) no-repeat 158px 5px;
			padding-right: 15px;
		}
		#categories ul li a {
			color: white;
			text-decoration: none;
		}
		#categories ul li a:hover {
			color: #1d435e;
		}
		h3.current-cat {
			color: #1d435e !important;
		}
#SidebarTop {
	background: url(style/Sidebar_Top.gif) no-repeat top right;
}
#SidebarBot {
	background: url(style/Sidebar_Bot.gif) no-repeat top right;
}

#Content {
		color: #262626;
}
#Content a {
	color: Blue;
}
	#Content h2 {
		display: block;
		font-size: 14px;
		line-height: 25px;
	}
	/* Main page content */
	#About {
		background: #CFE1ED url(style/WelcomeBG.png) no-repeat;
		background-position: 5px 30px;
		border: 1px solid #c8c8c8;
	}
	#About strong {
		font-size: 13px;
		font-weight: bold;		
		}
	#About em {
		font-size: 12px;
		font-weight: bold;
		font-style: normal;
		}
	#Flash {
		/*background: url(style/FlashPlaceHolder.jpg) repeat-x;*/
	}
	#News {
		background: url(style/NewsBG.png) repeat-x;
		line-height: 18px;
		color: #262626;
	}
		#NewsHDR {
			/*background: url(style/NewsHDR.png) no-repeat top center;*/
			border-bottom: 1px solid #C8C8C8;
			color: #4382AE;
			font-size: 14px;
			font-weight: bold;
		}
		#News a {
			color: #262626;
			font-size: 13px;
		}
	/* Single page content */
	#post-cat {
		/*background: #d9e6ef;*/
		/*border: 1px solid #c8c8c8;*/
		background: #F8F7F7;
		border: 1px solid #F8F7F7;
		height: 90px;
	}
	#post-cat h2 {
		display: block;
		font-size: 14px;
		line-height: 25px;
	}
	#post-cat p {
		font-weight: bold;
	}
	#post-cat ul li {
		list-style-position: inside;
		list-style-type: square;
		margin-top: 4px;
		font-weight: bold;
	}
	.post {
		background: #d9e6ef;
		border: 1px solid #c8c8c8;
		line-height: 18px;
		color: #262626;
	}
		.post h2 {
			font-size: 14px;
			float: right;
			border-bottom:1px dashed #555040;
		}
		.post ul, .post ul li, .post-page ul, .post-page ul li {
			list-style-position: inside;
			list-style-type: square;
			margin-top: 5px;
			padding: 5px 0px;
		}
		.post ul u {
			font-weight: bold;
			color: #434343;
			text-decoration: none;
		}
		.post ol, .post ol li, .post-page ol, .post-page ol li {
			list-style-position: inside;
			list-style-type: decimal;
		}
		.post p, .post-page p {
			margin-bottom: 10px;
		}
		.post a, .post a:visited {
			color: #3f7ba5;
		}
		
	.postG {
		background: #d9e6ef;
		border: 1px solid #c8c8c8;
		line-height: 18px;
		color: #262626;
		margin-top:0;
		padding: 10px 20px;
	}
		.postG h3 {
			font-weight: normal;
			display: inline;
		}
		.postG u {
			font-weight: bold;
			color: #434343;
			text-decoration: none;
		}
		.postG h2 {
			font-size: 14px;
			float: right;
			border-bottom:1px dashed #555040;
		}
		.postG ul, .postG ul li {
			list-style-position: inside;
			list-style-type: square;
			margin-top: 5px;
			padding: 5px 0px;
		}
		.postG ul u {
			font-weight: bold;
			color: #434343;
			text-decoration: none;
		}
		.postG p {
			margin-bottom: 10px;
		}
		.postG a, .postG a:visited {
			color: #3f7ba5;
		}
		
	/* Single Page content */
	.post-page {
		background: #d9e6ef;
		border: 1px solid #c8c8c8;
		line-height: 18px;
		color: #262626;
	}
		.post-page h2 {
			font-size: 14px;
		}
		.post-page a, .post-page a:visited {
			color: #3f7ba5;
		}
	/* Search Results */
	.search-result {
		background: #d9e6ef;
		line-height: 18px;
		color: #262626;
	}
	.search-excerpt {
		background-color: yellow;
	}
	/* Contact page */
	#Contact {}
		#Contact label {
			font-weight: bold;
		}
		#Contact .textInput {
			background: url(style/Input.jpg) no-repeat top right;
		}
		#Contact .textInputBG {
			background: url(style/Input.jpg) no-repeat top right;
		}
		#Contact .textInputBG input {
			background: none;
			}
		#Contact .WideInput {
			background: url(style/WideInput.jpg) no-repeat top right;
		}
		#Contact .WideInput input {
			background: none;
			}
		#Contact .TextareaInput {
			background: url(style/TextareaInput.jpg) no-repeat top right;
		}
		#Contact .TextareaInput textarea {
			background: none;
		}
		#Contact span {}
		#Contact input, #Contact textarea {
			font-size: 12px;
			font-family: arial;
		}
		#Contact .submit {
			background: url(style/contactSubmit.gif) no-repeat top center;
		}
	#Contact_errorloc {}
	
#footer {
	border-top: 1px solid #989797;
}
	#footer span {
		float: left;
		font-size: 12px;
	}
	#footer a {
		color: #232323;
		text-decoration: none;
		font-size: 12px;
	}
	/* Gallery page */
	.gallery img {
		border: none !important;
	}
		.gallery img:hover {
		 	opacity:0.7;
		 	filter:alpha(opacity=70);
		}
	
/* Search Form */
#s {
	background: url(style/SearchBG.jpg) no-repeat top right;
	border: none;
	font-size: 12px;
	padding: 0px 2px 8px 2px;
}
#searchsubmit {
	background: url(style/Search.gif) no-repeat top right;
	border: none;
	cursor: pointer;
}	

/* qTip */

div#qTip {
	 position: absolute;
	 z-index: 1000;
	 opacity:0.9;
	 filter:alpha(opacity=90);
	 display: none;
}
.tooltip {
	border-bottom: 1px dashed #5C5C5C;
}

.tooltip:hover {
	cursor: pointer;
}
.tipTOP {
	padding: 3px;
	 border: 1px solid #d5e5ef;
	 border-bottom: none !important;
	 color: #FEFEFE;
	 font-weight: bold;
	 font-size: 12px;
	 text-align: right;
	 width: 166px;
	 background: #5c5c5c;
}
.tipBTM {
	background: transparent url(style/tooltipBG.png) no-repeat bottom right;
	width: 166px;
	height: 24px;
	display: inherit;
	opacity:1;
	filter:alpha(opacity=100);
}

#tags a:link, #tags a:visited { 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #575757;
	font-weight: lighter; 
	}
	
#tags a:hover, #tags a:active { 
	background: #d0eaa3;
	}

#tags h1 {
	display: inline;
	font-size: 16px;
}
	
#tags h2 {
	font-size: 12px;
	color: #7a7a7a;
	display: inline;
}

#tags .f1 {
	font-size: 10px;
	line-height: 22px;
}

#tags .f2 {
	font-size: 12px;
	line-height: 14px;
}

#tags .f3 {
	font-size: 14px;
	line-height: 16px;
}

#tags .f4 {
	font-size: 16px;
	line-height: 18px;
}

#tags .f5 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
