@charset "utf-8";
/* ------ CSS RESET ------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font: 11px/1.5 Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

ul {
	list-style:none;
	padding:0;
	margin:0;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	line-height:normal;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
table, table tr, table tr td {
	border-spacing: 0;
	border-collapse: collapse;
}

/* ------ CSS RESET END ------ */

/* ------ CSS COMMON ELEMENTS ------ */

body {
	margin:0;
	padding:0;
	background: #fff;
}

a {
	outline:none;
	color:#5682a3;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
	color:#186BA9;
}

input { 
	padding:2px; 
	margin:1px;
	font-size: 11px; 
}

select { margin:2px; font-size:10px;}

h2 {
	font-weight:bold;
	font-size:12px;
}

h3 {
	/*
	color: #8dd8f8;
	font-size:10px;
	text-transform: uppercase;
	margin-bottom:5px; */
}

sup {
	vertical-align: baseline; 
	font-size: 0.8em; 
	position: relative; 
	top: -0.4em;
}

.clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* ------ CSS COMMON ELEMENTS END ------ */

/* ------ CSS MAIN DIVS START ------ */
#width {
	background-color: #BACCE1;
}

#main {
	width: 962px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index: 100;
	min-height: 200px;
}

#header {
	height: 80px;
	background: #fff;
	width: 962px;
	margin:0 auto 0 auto;
}

#footer {
	background: url(../images/footer.gif) repeat-x top left;
	height: 69px;
	margin-top: -138px;
	padding-top: 138px;
	position:relative;
}


#logo {
	display: block;
	width: 350px;
	height: 80px;
	float: left;
	background: url(../images/logo.gif) no-repeat 65px 30px;
}

#loginForm {
	width: 442px;
	float: right;
	padding:14px 0 0 0;
}

#loginForm p {
	width: 170px;
	float: left;
	padding-bottom: 3px;
}

#loginForm p.log {
	width: 90px;
	padding-top:17px;
}

#loginForm p label {
	display: block;
	color: #afb4b4;
	font-size:12px;
	padding:0 0 0 4px;
}

#loginForm p input {
	border: 1px solid #1d2a5b;
	width: 132px;
	padding: 4px;
}

#loginForm p input.login {
	border: 1px solid #b0b0b0;
	width: 80px !important;
	background: url(../images/login_btn.gif) repeat-x;
	padding:0;
	height: 23px;
	color: #fff;
}

#loginForm a {
	color: #afb4b4;
	text-decoration: none;
	padding-left:5px;
	margin-top:4px;
}

#footer p{
	width: 902px;
	margin:0 auto 0 auto;
	padding:25px 0 0 50px;
	color: #afb4b4;
	font-size:10px;
}

#footer p span {
	float: right;
	padding-right: 20px;
}

#footer p a {
	color: #afb4b4;
}

.present {
	background: #bacce1 url(../images/index_present.jpg) top center no-repeat;
	padding: 250px 0 0 0;
}

div.present_text {
	line-height: 16px;
	color: #47607e;
	font-size: 12px;
	float: left;
	width: 450px;
	padding: 20px 0 0px 19px;
}

#regForm {
	width: 436px;
	float: right;
	padding:15px 0 0 20px;
}

#regForm p {
	float: left;
	width: 100%;
	height: 28px;
}

#regForm p label {
	width: 130px;
	padding:3px 8px 0 0;
	display: block;
	float: left;
	text-align: left;
	color: #47607e;	
}

#regForm p label.error {
	width: 102px;
	padding:3px 0 0 0;
	display: inline;
	text-align: right;
	color: #E85714;	
	font-size:10px;
}

#regForm p input {
	width: 200px;
	border: 1px solid #96a6c5;
	padding:3px;
	float: left;
}

#regForm p input.signup {
	width: 90px !important;
	border: 1px solid #9eb988 !important;
	padding:0px !important;	
	height: 26px;
	background: url(../images/sign_btn.gif) repeat-x top left;
	color: #fff;
	font-weight: bold;
	margin-left: 258px;
}

#index_txt {
	background: #fff;
	padding: 22px 16px 16px 16px;
	width: 930px;
	min-height: 130px;
	margin-top:15px;
}

.left {
	width: 50%;
	float: left;
}

.right {
	width: 50%;
	float: right;
}

.left, .right {
	color: #787878;
}

.left p, .right p{
	margin:8px;
}

#index_txt .col1, #index_txt .col2, #index_txt .col3{
	float: left; 
	padding-right: 20px;
}

#index_txt .col1 {
	width: 320px;
}

#index_txt .col2 {
	width: 230px;
	padding-right: 30px;
}

#index_txt .col3 {
	width: 300px
}

#index_txt .col2 h2, #index_txt .col3 h2{
	padding-bottom: 15px;
}

#index_txt .col2 p, #index_txt .col3 p{
	margin-left: 4px;
}
		
p.error {
	background: #FFEBE8;
	padding:5px 10px 5px 10px;
	border: 1px solid #DC3B10;
	color: #3A0039;	
	width: 438px !important;
	height: auto !important;
}

p.success {
	background: #DFFFE0;
	padding:5px 10px 5px 10px;
	border: 1px solid #36AF3B;
	color: #3A0039;	
	width: 438px !important;
	height: auto !important;
}

#errorWindow {
	width: 460px;
	float: left;
	margin-top:5px;
}

#pageLoginForm {
	width: 460px;
	margin:0 auto 20px auto;
	padding:20px;
	background: #fff;
	border: solid 1px #ccc;
}

#pageLoginForm h1 {
	font-size:12px;
	color: #333;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 5px;
}

#pageLoginForm p {
	width: 460px;
	margin-bottom:5px;
	float: left;
}

#pageLoginForm p label {
	width: 150px;
	padding:3px 8px 0 0;
	display: block;
	float: left;
	text-align: right;
	color: #47607e;	
}

#pageLoginForm p label.error {
	width: 302px;
	padding:3px 0 0 158px;
	display: inline;
	text-align: right;
	color: #E85714;	
	font-size:10px;
	text-align: left;
}

#pageLoginForm p input {
	width: 200px;
	border: 1px solid #96a6c5;
	padding:3px;
	float: left;
}

#pageLoginForm p select {
	width: 207px;
	border: 1px solid #96a6c5;
	padding:2px;
	float: left;
}

#pageLoginForm p input.login {
	border: 1px solid #b0b0b0;
	width: 90px !important;
	background: url(../images/login_btn.gif) repeat-x;
	padding:0;
	height: 23px;
	color: #fff;
	margin-left:277px;
}


#top_user_menu {
	float: right;
	padding:4px 10px 2px 10px;
	height: 18px;
}

#top_user_menu a {
	padding:0 4px 0 4px;
}

#not_menu {
	float: right;
	padding:4px 10px 4px 10px;
	width: 520px;
	text-align: right;
	margin-top:30px;
	background: #F1F5F9;
}

#not_menu a {
	padding:0 4px 0 26px;
	font-size:12px;
}

#maincol {
	background: #fff;
	width: 962px;
	margin-top:20px;
	float: left;
}

#content {
	width: 700px;
	float: right;
}

#content h1 {
	border-bottom: 1px solid #BACCE1;
	margin:10px 28px 10px 20px;
	font-weight: bold;
	font-size:16px;
	color: #316B02;
	padding:0 0 2px 5px;
}

#content h2{
	margin:0 28px 0 20px;
	font-weight: bold;
	font-size:12px;
	color: #999;
	padding:0 0 2px 5px;
}

#left {
	width: 260px;
	float: left;
	border-right: 1px solid #BACCE1;
	overflow: auto;
}

#left h1{
	border-bottom: 1px solid #BACCE1;
	margin:10px 28px 10px 20px;
	font-weight: bold;
	font-size:16px;
	color: #022C5E;
	padding:0 0 2px 5px;
}

#left h1 a{
	float: right;
	font-size:12px;
	padding:4px 0 4px 20px;
	background: url(../images/new-folder.gif) no-repeat 0px 4px;
	text-decoration: none;	
}

#left ul {
	padding:0 0 0 25px;
}

#left ul li {
}

#left ul li a{
	display: block;
	padding:4px 0 4px 20px;
	background: url(../images/folder-closed.gif) no-repeat 0px 6px;
	font-size:12px;
}

#left ul li a.selected{
	background: url(../images/folder.gif) no-repeat 0px 6px;
	color: #316B02;
}

#left p a.nf{
	margin-left:25px;
	font-size:12px;
	padding:4px 0 4px 20px;
	background: url(../images/new-folder.gif) no-repeat 0px 4px;
}

#noteForm {
	padding:2px 0 10px 0;
}

#noteForm p{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

#noteForm p label{
	float: left;
	display: block;
	width: 142px;
	padding:5px 8px 0 0;
	text-align: right;
	color: #47607e;	
}

#noteForm p label span {
	color: #FF3300;
}

#noteForm p input, #noteForm p textarea, #noteForm p select {
	float: left;
	display: block;
	width: 520px;
	padding:2px;
}

#noteForm p input{
	width: 514px;
}

#noteForm p textarea{
	width: 514px;
	height: 200px;
}

#noteForm p span.link{
	display: block;
	padding-left: 150px;
}

#noteForm p input.submit {
	border: 1px solid #b0b0b0;
	width: auto !important;
	background: url(../images/login_btn.gif) repeat-x;
	padding:0 5px 0 5px;
	height: 23px;
	color: #fff;
	margin-left: 150px;
}

#noteForm p input.save {
	border: 1px solid #b0b0b0;
	width: auto !important;
	background: #E1E9F2;
	padding:0 5px 0 5px;
	height: 23px;
	color: #10407A;
	margin-left: 10px;
}

#content p.error {
	width: auto !important;
	margin:3px 28px 3px 20px !important;
	float: none !important;
	padding:3px !important;
}

#content p.success {
	width: auto !important;
	margin:3px 28px 3px 20px !important;
	float: none !important;
	padding:3px !important;
}

#listNot {
	margin:3px 28px 3px 20px;
}

#listNot tr th {
	font-weight: bold;
	color: #316B02;
}

#listNot tr td{
	border-bottom: 1px solid #E0E7EF;
	padding:4px 2px 4px 4px;
}

#listNot tr td a {
	text-decoration: none;
}

#listNot tr td span {
	display: none;
}


.width {
	width: 960px !important;
}

.readText {
	padding:0 20px 10px 25px;
}

.readText ul{
	list-style-type: circle;
	margin-left:14px;
}

.readText table {
	border-collapse: collapse;
	border-spacing:0px;
}

.readText p {
	margin-bottom: 5px;
}

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none;
	color: #036CB4;
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #06a;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

p.legend {
	text-align: right;
	padding:4px 28px 0 0;
	color: #405D9B;
	line-height: 14px;
}

p.legend img {
	margin:0px 0px 0px 14px;
}

p.legend a{ 
	float:  left; 
	margin-left:25px;
	background: url(../images/error_msg_icon.gif) no-repeat  left top;
	padding:0 0 2px 20px;
}

#organise {
	padding:0 25px 0 0;
}

#organise ul {
	padding:0 0 0 25px;
}

#organise ul li {
	float: left;
	width: 100%;
}

#organise ul li a{
	display: block;
	padding:4px 0 4px 20px;
	background: url(../images/folder-closed.gif) no-repeat 0px 6px;
	font-size:12px;
	width: 420px;
	float: left;
}

#organise ul li span {
	float: right;
	padding-right: 5px;
}

#organise ul li span a{
	padding:4px !important;
	background: none;
	font-size:12px;
	width: 16px;
	height:16px;
	display: block;
	float: left;
	border:solid 1px #EFEFEF;
	margin:1px 0 0 1px;
}

#organise ul li a.selected{
	background: url(../images/folder.gif) no-repeat 0px 6px;
	color: #316B02;
}

.screenshots {
	background: url(../images/screenshots.gif) no-repeat;
	height: 19px;
}

.screenshots span {
	display: none;
}

.testimonials {
	background: url(../images/testimonials.gif) no-repeat;
	height: 19px;
}

.testimonials span{
	display: none;
}

.screenshots a, .testimonials a {
	display: block;
	height: 19px;
}

#suggest {
	display: none;
}

#suggest span {
	padding-top: 15px;
}


/**** TAG CLOUD ****/

#tagCloud {
	padding:0 15px 15px 15px;
	color: #022C5E;
}

#tagCloud a{
	padding: 0 2px 0 2px;
}

.smallTag {
	font-size:10px;
}

.mediumTag {
	font-size:11px;
}

.largeTag {
	font-size:12px;
}

.xlargeTag {
	font-size:13px;
}

.xxlargeTag {
	font-size:14px;
	font-weight: bold;
}

.orderMenu {
	float: right;
	width: 160px;
	padding:0 0 0 25px;
}

.orderMenu a {
	padding:0 11px 0 0px;
	background: url(../images/asc.gif) no-repeat 100% 6px;
	margin-right: 10px;
}

.orderMenu a.desc {
	background: url(../images/desc.gif) no-repeat 100% 6px;
}

#search_form {
	margin:0 20px 25px 20px;
}

#search_form  input.submit {
	border: 1px solid #b0b0b0;
	width: auto !important;
	background: url(../images/login_btn.gif) repeat-x;
	padding:0 5px 0 5px;
	height: 23px;
	color: #fff;
}