/* ================================================

   .css file for atnetter
   (c) JogjaCamp.com 2011 v.1.0
   4 Oct 2011
   
   swatch color
   ------------------------------------------------
   #151515 --> black
   #292929 --> dark grey
   #8d8d8d --> light grey
   
   ============================================= */
   
   
/*=== reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: ''; content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align:top;
}
html, body, frame {
	width: 100%; height: 100%;
}
body {
	font: 12px/22px Arial, Helvetica, sans-serif; background: #fff url(../images/mainBg.jpg) bottom repeat-x;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
}
.clear {
	clear: both;
}

/*=== form */
input, select {
	font: 12px/20px Arial, Helvetica, sans-serif;
}

.page {
	background: url(../images/page.gif) top repeat-x; width: 100%; height: 100%;
}

/* page_top structure */
.page_top {
	width: 98%; margin: 0 auto; position: relative;
}
.page_top .widget_intro {
	padding: 0; font-size: 13px; color: #666; height: 30px; text-align: center; position: absolute; top: 9; width: 100%; line-height: normal;  z-index: 2;
}
.page_top .widget_intro marquee {
	padding: 5px 0 0 0;
}
.page_top .widget_intro  span{
	display:inline-block;
	margin-right:15px;
}
.page_top .widget_intro marquee img {
	display:inline-block;
	margin: 0px 10px 0 0;
	height: 16px;
}
.page_top .widget_intro a {
	color: #fff;
}
.page_top .widget_intro a:hover {
	color: #b5d3ff;
}
.page_top .widget_header {
}
.page_top .widget_header img {
	max-width: 100%; position: absolute; top: 205px; left: 40%; display: block; z-index: 2;
}

/* page_middle structure */
.page_middle {
	clear: both; height: auto !important; margin: 0 auto -35px auto; min-height: 100%; position: relative;
}
.widget_middle {
	height: auto !important; margin: 0 auto; min-height: 100%; position: relative;
}
.widget_middle .widget_content {
	height: 100%;
}
.widget_content .widget_content_top {
	position: relative; width: 960px; margin: 0 auto;
}
.widget_content .widget_content_page {

}
.widget_content_top .addthis_button {
	position: absolute; top: 287px; left: 154px; cursor: pointer; box-shadow: 0 1px 3px #ababab; z-index: 2;
}
.widget_content_page .addthis_button {
	position: absolute; top: 57px; left: 210px; cursor: pointer; box-shadow: 0 1px 3px #ababab; z-index: 2;
}
.addthis_button:hover {
	box-shadow: 0 2px 10px #ababab;
}
*html .addthis_button {
	position: absolute; top: 28px; left: 132px; cursor: pointer;
}
.widget_content_top .welcomesearchform {
	position: absolute; top: 280px; width: 660px; padding: 0 150px; margin: 0 auto;
}
.widget_content_page .welcomesearchform {
	position: relative; float: left; padding: 0; margin-top: 50px; width: 800px;
}
.widget_content_top .welcomesearchform .query {
	float: right; width: 450px; height: 31px; padding-left: 10px;
}
.widget_content_page .welcomesearchform .query {
	display: inline; width: 450px; height: 31px; padding-left: 10px;
}
.widget_content_top .welcomesearchform .query input {
	  background-color: #fff; border: 1px solid #afcfff; color: #292929; width: 438px; height: 29px; box-shadow: inset 0 0 7px #f0f0f0; padding: 0 5px;
}
.widget_content_page .welcomesearchform .query input {
	  background-color: #fff; border: 1px solid #afcfff; color: #292929; width: 408px; height: 29px; box-shadow: inset 0 0 7px #f0f0f0; padding: 0 5px;
}
.query input:hover {
	box-shadow: none;
}
.widget_content_top .welcomesearchform .action {
	 clear: both; float: right; margin-top: 20px; width: 100%;
}
.widget_content_page .welcomesearchform .action {
	 clear: none; float: right; margin-right: 55px;
}
.action input {
	width: 98px; height: 31px; border: 1px solid #6694d6; color: #292929; text-shadow: 0 1px 0 #a2c7fe; font-weight: bold; cursor: pointer; margin: 0 auto; display: block; box-shadow: 0 1px 3px #ababab; 
	background: #afcfff; background: -moz-linear-gradient(top, #afcfff 0%, #79aefa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afcfff), color-stop(100%,#79aefa)); background: -webkit-linear-gradient(top, #afcfff 0%,#79aefa 100%); background: -o-linear-gradient(top, #afcfff 0%,#79aefa 100%); background: -ms-linear-gradient(top, #afcfff 0%,#79aefa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcfff', endColorstr='#79aefa',GradientType=0 ); background: linear-gradient(top, #afcfff 0%,#79aefa 100%);
}
.action input:hover {
	background: #79aefa;
}
.action input::-moz-focus-inner { 
    border: 0; margin: 0; padding: 0;
}
.widget_content_top .welcomesearchform .selectsite {
	float: left; width: 170px; padding-left: 30px; height: 31px;
}
.widget_content_page .welcomesearchform .selectsite {
	float: none; display: inline; width: 170px; padding-left: 30px; height: 31px;
}
.selectsite .select {
	width: 170px; height: 31px; background: #fafafa; border: 1px solid #afcfff; padding: 6px; font-weight: bold; color: #474a4a;
}
.tags {
	text-align: center; line-height: normal; padding: 30px 50px 25px 50px;
}
.tags span {
	padding: 2px 5px;
}
.tags span a {
	text-decoration: none;
}
.tags span:hover {
	 color: #fff !important; background:#aecfff !important; border-radius: 7px !important; -moz-border-radius: 7px !important;
}
.bg {
	 background: url(../images/tabs-top-bg.gif) top repeat-x #fff; padding: 117px 0 0 0;
}
.tabs { 
	height: 41px;
}
.tabs .tabitem { 
	float:left; margin-left: 1px;  padding: 0 1px; height: 41px; line-height: 320%;
}
.tabs .tabitem .active { 
	float:left; margin-left:3px; padding: 0 10px; height: 41px; background: url(../images/tabsActive.gif) repeat-x;
}
.tabs .tabitem a {
	color: #000; text-decoration: none; text-shadow: #ebebf0 1px 1px 1px;float: left; text-decoration: none; padding: 0 10px 0 0; height: 37px; background: url(../images/spanRight.gif) right top  no-repeat;
}
.tabs .tabitem a:hover  {
	color: #6694d6;
}
.tabs .tabitem .logo {
}
.tabs .tabitem a.active {
	float: left; text-decoration: none; padding: 0 10px 0 0; height: 43px; background: url(../images/spanLogoRight.gif) right top  no-repeat;
}
.tabs .tabitem span {
	float: left; text-decoration: none; padding: 0 0 0 10px; height: 38px; background: url(../images/spanLeft.gif) left 0 no-repeat;
}
.tabs .tabitem .logoActive {
	float: left; text-decoration: none; padding: 0 0 0 10px; height: 43px; background: url(../images/spanLogoLeft.gif) left top  no-repeat;
}
.tabs .tabitem .logo img, .tabs .tabitem .logoActive img { 
	max-width:20px; max-height:20px; float: left; margin: 11px 5px 0 0;
}
.widget_content_page iframe {
	border: 0; margin: 0; padding: 0; width:100%; height: 76.7%; display:block;
}
*:first-child+html .widget_content_page iframe {
	min-height: 700px; border: 0; margin: 0 20px; padding: 0 0 30px 0; width:100%; height: 100%; float: left; display:block; overflow:hidden;
}
iframe {
	min-height: 677px; height: auto !important;
}
.framecontent .leftPage {
	width: 100%; vertical-align: top; height: 100%;
}
.framecontent td {
	height: 100%; width: 100%;
}
.framecontent .rightPage {
	width: 100%; vertical-align: top; 
}
.framecontent .rightPage img {
	 padding: 10px 0px 10px 35px;
}
.bannercontent {
	float: right; width: 170px; 
}
*html .bannercontent {
	float: right; width: 170px; margin-right: 0px; padding: 10px 15px;
}
.bannercontent img {
	width: 170px;
}

/* page_bottom structure */
.page_bottom {
	clear: both; width: 100%; height: 24px; position: relative; margin: 0 auto; padding-top: 10px; box-shadow: 0 0 5px #ccc; border-top: 1px solid #fff; background: #fafafa;
}
.page_bottom .widget_bottom {
}
.block_menu_bottom {
	margin: 0 1.953125%;
}
.block_menu_bottom li {
	float: left; font-weight: bold; border-right: 1px solid #8d8d8d; line-height: normal; padding: 0 14px;
}
.block_menu_bottom li:last-child {
	border-right: none;
}
.page_bottom a {
	color: #8d8d8d;
}
.page_bottom a:hover {
	color: #292929;
}
.page_bottom .widget_footer {
	float: right; margin-right: 1.953125%; line-height: normal;
}
.page_bottom .widget_footer img {
	margin: 0; float: right;
}
#basic-modal-content td {
	font-weight: bold; vertical-align: middle; padding: 6px 0;
}
#basic-modal-content input {
	margin: 0; padding: 0;
}
#basic-modal-content .input-bg {
	background-color: #fff; border: 1px solid #afcfff; color: #292929; box-shadow: inset 0 0 7px #f0f0f0; padding: 4px 6px;
}
#basic-modal-content input.file {
	background-color: #fff; border: 1px solid #fff; color: #292929; box-shadow: none; padding: 5px 6px;
}
#basic-modal-content input:hover {
	background: #fff;
}
#basic-modal-content input.butt {
	width: 96px; height: 28px; border: 1px solid #6694d6; color: #292929; text-shadow: 0 1px 0 #a2c7fe; font-weight: bold; cursor: pointer; display: block; box-shadow: none; 
	background: #afcfff; background: -moz-linear-gradient(top, #afcfff 0%, #79aefa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afcfff), color-stop(100%,#79aefa)); background: -webkit-linear-gradient(top, #afcfff 0%,#79aefa 100%); background: -o-linear-gradient(top, #afcfff 0%,#79aefa 100%); background: -ms-linear-gradient(top, #afcfff 0%,#79aefa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcfff', endColorstr='#79aefa',GradientType=0 ); background: linear-gradient(top, #afcfff 0%,#79aefa 100%); cursor: pointer; float: right;
}
#basic-modal-content input.butt:hover {
	background: #79aefa;
}

.logo_page {
	float: left; width: 175px; margin: 45px 0 0 30px;
}
.logo_page img {
	width: 160px;
}

#dialog-overlay {
	/* set it to fill the whil screen */
	width:100%;  height:100%;
	/* transparency for different browsers */
	filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background:#000;
	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; top:0; left:0; z-index:3000; 
	/* hide it by default */
	display:none;
}
#dialog-box {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	/* css3 border radius */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	/* make sure it has the highest z-index */
	position:absolute;  z-index:5000;
	/* hide it by default */
	display:none;
}
#dialog-box .dialog-content {
	/* style the content */ text-align:left; padding:10px; margin:13px; color:#666; font-family:arial; font-size:11px; 
}
a.button {
	/* styles for button */
	margin:10px auto 0 auto; text-align:center; background-color: #e33100; display: block; width:50px; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1;
	/* css3 implementation :) */ 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer;
}
a.button:hover {
	background-color: #c33100;	
}

.page_top .widget_intro marquee {
padding: 5px 0 0 0;
}
.page_top .widget_intro marquee p {
float: left; margin-right: 50px;
}
.page_top .widget_intro marquee p img {
float: left; margin: 0px 10px 0 0; height: 16px;
}
/* end verlin njaluk bonus ++ */