﻿/* reset  styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td {border: 0px;outline: none;}
input, select, textarea, option {color: #647c8a;}

/* General styles */

html, body {height: 100%; color: #647c8a;}
* {font-family: Segoe UI, Trebuchet MS; font-size: 13px; color: #647c8a;}

	a:link, a:active, a:visited {outline: none; color: #71ad3b; text-decoration: underline;}
	a:hover {color: #065683; text-decoration: none;}
	
	a.inv:link, a.inv:active, a.inv:visited {outline: none; color: #065683; text-decoration: none;}
	a.inv:hover {color: #71ad3b; text-decoration: none;}
	
	a.nounderline {text-decoration: none; color: #2e9cc1;}
	
	h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #065683;}
	h1 {font-size: 16px; color: #065683;}
	h2 {font-size: 14px; line-height: 16px; text-transform: uppercase;}
	h3 {font-size: 13px; color: #1477af;}
	h4 {font-size: 12px;}
	h5 {font-size: 11px;}
	h6 {font-size: 10px;}

	img {border:0;}
    
    strong, b {color: #1477af; font-weight: normal; font-style: italic;}
    
body {color: #ffffff; background: url('images/bg.png') left top repeat-x;}

/* Clear styles */

.clearit, #clearit {clear: both;}

/*Top styles */

#arrows {
	background-image:url('images/big_arrows.png');
	background-repeat:no-repeat;
	background-position: -50px 300px;
}	

#Content {
	 clear: both; 
	 width: 940px;
	 max-width: 940px;
	 border: 0px solid red; 
	 padding-top: 0px;
	 margin: auto;	 
}

#Logo {margin: 17px 0 0 45px; float: left;}
#msdn {margin: 9px 24px 0 0; float: right;}

#Topmenu ul, #Topmenu li, #RightMenu ul, #RightMenu li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;	
}

#Topmenu {
	float: right;
	margin-right: 18px;
	 clear: both;
}
#Topmenu ul {
	list-style-type: none;
}

#Topmenu li {
	list-style-type: none;
	float: left;
}

#Topmenu li div.wl, #Topmenu li div.wc, #Topmenu li div.wr {
	float: left;
	width: auto;
}

#Topmenu li div.wl, #Topmenu li div.wr {
	background-repeat: no-repeat;
	width: 10px;
	height: 38px;
}
#Topmenu li div.wl {
	background-image:url('images/tab/w_left.png');
	background-position: left top;
}

#Topmenu li div.wr {
	background-position: right top;	
	background-image:url('images/tab/w_right.png');
}

#Topmenu li div.wc {
	background-image:url('images/tab/w_center.png');
	background-position: left top;
	background-repeat:repeat-x;
	padding: 12px 6px 0 6px;
	height: 26px;
}
#Topmenu li div.wc img {
	margin-right: 5px;
}

/* book cover styles */

.TopBlue {
	background-color: #065683;
	background-image:url('images/tab/b_top_right.png');
	background-position: right top;
	background-repeat: no-repeat;
	clear: both;		
}
.TopBlue2 {
	background-image:url('images/tab/b_top_left.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;	
}
.CenterBlue {
	background-color: #065683;
	background-image:url('images/pnp.png'); 
	background-position: left center; 
	background-repeat:no-repeat;
	clear: both;
	padding: 0;
}
.CenterLeft {border: 0px solid red; width: 72%; float: left; height: auto;}
.CenterRight {border: 0px solid red; width: 200px; float: right; height: auto;}

.CenterLeft {
	background-color: #ffffff;
	background-image:url('images/tab/w_top_left.png');
	background-repeat:no-repeat;
	background-position: left top;
	margin-left: 30px;	
}
.CenterRightCorner {
	background-image:url('images/right_corner.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 700px;
	padding: 30px;	
}
.CenterBottomLeft {
	background-color: #ffffff;
	background-image:url('images/tab/w_bottom_left.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
.CenterBottomRight {
	background-image:url('images/tab/w_bottom_right.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 18px;
}

.admin {background-image: none;}

/* right block styles */

.CenterRight {padding-right: 20px;}
.CenterRight div {color: #FFFFFF;}

.Light {
	background-color: #1f6790;
	background-image:url('images/tab/right_bottom.png');
	background-position: center bottom;
	background-repeat:no-repeat;
	float: right;
	clear: both;
}
.TopLight {
	background-image:url('images/tab/right_top.png');
	background-position: center top;
	background-repeat:no-repeat;
	width: 178px;
	padding: 10px;
}

#Statistic {text-align: right;}
#Statistic strong {color: #95b7ca; font-weight: normal; font-style: normal;}

#RightMenu {margin-top: 20px; float: right;}

#RightMenu a:link, #RightMenu a:active, #RightMenu a:visited {outline: none; color: #ffffff; text-decoration: none;}
#RightMenu a:hover {color: #95b7ca; text-decoration: none;}

#RightMenu ul {list-style-type: none;}
#RightMenu ul li div {padding: 5px 10px; width: 178px;}

#RightMenu ul li.selected {
	background-color: #1f6790;
	background-image:url('images/tab/right_bottom.png');
	background-position: center bottom;
	background-repeat:no-repeat;
}
#RightMenu ul li.selected div {
	background-image:url('images/tab/right_top.png');
	background-position: center top;
	background-repeat:no-repeat;
}

#RightMenu ul li.atitle div {color: #95b7ca; text-transform: uppercase;}

.twitterline {margin-top: 40px;}
.twtr-tweet-text p, .twtr-tweet-text p a, .twtr-ft a {font-size: 12px;}

/*bottom book cover */

.BottomBlue {
	background-color: #065683;
	background-image:url('images/tab/b_bottom_right.png');
	background-position: right top;
	background-repeat: no-repeat;
	clear: both;		
}
.BottomBlue2 {
	background-image:url('images/tab/b_bottom_left.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;	
}

.copyright {
	background-image:url('images/small_arrows.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding: 20px 0;
	margin-right: 100px;
	font-size: 12px;
}
.copyright a {font-size: 12px;}

/* inside styles*/

.CenterLeft p {text-align: justify;}
.j {text-align: justify;}

.pic {border: 1px solid #a0b3de; background-color: #c4def3; padding: 5px; float: left; margin-right: 10px;}
.m10 {margin-left: 10px;}
.mr10 {margin-right: 10px; float: left;}
.ml10 {margin-left: 10px; float: right;}

.topload {padding: 10px 3px 7px 7px; white-space: nowrap;}
.subload {padding: 0 3px 7px 7px;}

.First {margin-right: 200px;}
.small {font-size: 12px;}

.noborder {border: 0;}

.decobook {
    background-image:url('images/book.png');
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 355px;
    height: 355px;
}
.dleft {background-position: left center;}

.slj { padding: 20px 170px 0 0;}

.comment {border: solid 1px #e8eef4; padding: 10px; margin-left: 20px;}


/* Form styles */

.btn {
	background: url(images/button.png) left center no-repeat; height: 25px; border:0; padding: 0 0 0 10px;
	float: left;
	margin: 0;
}
.btn input {
	background: url(images/button.png) right center no-repeat; height: 25px; border:0; margin: 0px; padding: 0 10px 0 0;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
}





