﻿/*-----------------------------------------------------------------------------
Naikonsoft Style Sheet

version:   1.0
author:    Igor Kononuchenko
email:     kigorw@naikonsoft.com
website:   http://www.naikonsoft.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* 
{
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
ul {
  margin: 10px 0;
}

table {
  margin: 10px 0;
}

fieldset {
  margin: 10px 0;
}

form {
  margin: 10px 0;
}

blockquote {
  margin: 10px 0;
}

pre {
  margin: 10px 0;
}

p {
  margin: 10px 0;
}

h6 {
  margin: 10px 0;
}

h5 {
  margin: 10px 0;
}

h4 {
  margin: 10px 0;
}

h3 {
  margin: 10px 0;
}

h2 {
  margin: 10px 0;
}

h1 {
  margin: 10px 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}
a:focus {
color:#000033;
}
a:hover {
color:#EF3124;
}
a 
{
	
color:#105CB6;
outline-color:invert;
outline-style:none;
outline-width:medium;
}


/* =Typography
-----------------------------------------------------------------------------*/
body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
 font-family:arial,helvetica,sans-serif;
font-size:83%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
min-width: 950px;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}
h3 a 
{
background:transparent url(../images/link-line.gif) repeat-x scroll 0pt 95%;
text-decoration:none;
}


p {
  margin: 1em 0;
}


h2 {
  margin: 1em 0;
}


h1 {
  margin: 1em 0;
}
.bold 
{
   
   color:#555555;	
}
.underline 
{
   
    text-decoration:underline;
}
.noItalic 
{  
    font-style:normal;
      color:#555555;	
}
/* =Headings
-----------------------------------------------------------------------------*/
#header {
  height: 100px;
  /*background-color:#b0b0b0;*/
  padding: 20px;
  position:relative;
  z-index:10;
  
}

#header h1
{
	margin: 0;
	margin-top:22px;//margin-top:40px;
	font-family: sans-serif;
	font-size:36pt;
	color:#555555;
	font-size: 28px; 
	width:700px;
	 text-decoration: none;
	
}
#header h1 a
{
	text-decoration: none;
	color: #33335c;
}
.noUnderline
{
   text-decoration:none;
   color:#105CB6;
   outline-color: 105CB6;
}

a.noUnderline
{
	color:#105CB6;
	cursor:default;
}


#header input
{
font-size:85%;
line-height:1.25em;
padding-left:2px;
vertical-align:middle;
}

#headerControls
{
 margin-top:5px;	
}
#headerSearch
{
	float:left;	
}

#languageLinks 
{
	display:block;	
}
#txtSearch
{

}
#btnSearch
{
  margin-left:5px;	
}
#languageLinks { position:relative;  float:left; left:20px;}
#languageLinks .a
{
float:left;
font-size:90%;
}
#languageLinks b
{
float:left;
font-size:90%;
}

#languageLinks #langBorder
{
border-right:1px solid #000000;
margin-right:5px;
}

#languageLinks b
{
	top:1px;
	position:relative;
}

bold:focus {
color:#555555;
}

bold:hover {
color:#555555;
}

span.hlaquo {
 margin-left:-0.42em;
}


/* =Links
-----------------------------------------------------------------------------*/





/* =Main Nav
-----------------------------------------------------------------------------*/

.mainNav
{
	 padding-left:20px;

	
	height:40px;
    z-index:10;
     border-bottom:1px solid #c9d7f1;
     
	
}

.mainNav ul {
  margin: 0;
  padding: 0;
  float: left;
 /* background: #FAA819 url(images/mainNavBg.gif) repeat-x;*/
  list-style: none;
 

}

.mainNav  ul li {
  float: left;
    padding: 0 1em;
  line-height: 2.0em;
  background: url(images/mainNavBorder.gif) repeat-y left top;


  float: left;
  display: block;
   /* background: none;*/
  padding-left:0px;
  font-size:140%;
  white-space: nowrap;
}


.mainNav  ul a {

  
  
}


/*.mainNav  ul a:hover {
  color: #333;
}*/


.mainNav  ul a {

}

.jb-issues-est 
{
	width: 60px;
}


/* = SubNav
--------------------------*/

#titleSpaceTab 
{
	padding-left: 160px;
}

.subNav
{
height:40px;
z-index:10;
padding-left:20px;
margin-top: 10px;
font-size: 15px;
}

.subNav a
{
/*padding-right:10px;*/
}

.selectedSubNav
{
  font-style:italic;	

}
.subcribeItem
{

 	
}
.subcribeItem a
{
  color:#4682B4;	
}
.subcribeItem a:hover
{
  color:#EF3124;	
}

.first 
{
	/*
padding-right:10px;
padding-left:10px;
*/
}

.subNav #subNavText
{
	text-decoration:none;
	letter-spacing:-0.02em;
	text-align:left;
}


/* = Content
-----------------------------------------------------------------------------*/

.width {
  width: 85%; 
  margin: 0;
  margin-left:20px; 
  text-align: left; 
 /* min-width:840px; */
}


/* the bodge for IE6 browsers */
* html .minWidth {border-left:840px solid #fff; position:relative; float:left; z-index:1; min-width:910px;}
* html #wrapper {margin-left:-840px; position:relative; float:left; z-index:2;	min-width:910px;}
* html .footer {border-left:840px solid #fff; position:relative; float:left; z-index:1;	min-width:910px;}
#content  
{	
 /* width: 99%; */
 width:950px;
 }

#jw
{
  position:absolute;
  background-repeat:no-repeat;
  background-image:url('../images/magazines/jw2.jpg');
  width:247px;
  height:200px;
  left:85%;
 top: -11px;
  z-index:1;

}
#ringAndMadeBy
{
	position:absolute;
	width:110px;
	height:100px;
	left:70%;
	top:-58px;
	z-index: 1;
}

#bottomRing 
{
	position: relative;
	background-repeat:no-repeat;
	background-image:url('../images/magazines/2flowersAlpha.gif');
	width: 100px;
	height: 100px;
	left: 0px;
	
	z-index:5;
}

#madeBy
{ 
	position: relative;
	width: 200px;
	left: 100px;
	height: 20px;
	top:60px;
	z-index: 3;
	font-size:90%;
	display:none;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent { 
  width: 59%; 
  margin: 0; 
  float: left; 
}
#arch_content  
{	
  width: 950px; 
 

}
#arch_main
{
	width:675px;
	margin: 0;
	margin-left:20px; 
	margin-bottom:50px;
    float : left; 
}

#archive_title
{
	margin-top:30px;
	margin-bottom:10px;
	font-size:large;
	border-bottom:1px solid #C9D7F1
}
.arch_magazines
{
	height:300px;
	margin-bottom:30px;
}
.archive_years
{
	  position:relative;
	  width:100%;
	  left:0;
	  top:-10px;
	  height:20px;
	  margin-bottom:30px;
      border-bottom:1px solid #c9d7f1;
}
#archive_years div
{
    margin-right:20px;
	float:left;
	font-size:130%;	
}
.arch_left_arrow
{
	position:relative;
	float:left;
	margin: 0px;
	cursor:pointer;
}
.arch_right_arrow
{
	position:relative;
	float:right;
	margin: 0px;
	cursor:pointer;
}
.arch_subtitle_text
{
	float:right;
}


#contactsContent { 
  width: 59%; 

  float: left; 
  line-height:13pt;
  margin:36px 0pt 80px 80px;
  
}

#contentOfPage { 
  width: 59%; 

  float: left; 
  line-height:13pt;
  margin:36px 0pt 80px 20px;
  
}


.posAbsolute 
{
	position:absolute;
}

.leftItem
{
	position: relative; 
	left: 30px;
	margin-bottom: 30px;
	top: 0px;
}
 
.sectionWrapper{
clear:left;
min-height:50px;
min-width: 490px;
padding:25px 0pt 2em;
position:relative;
}
.section
{
padding-left:195px;
padding-top: 40px;
}

.jTitle 
{
	margin-top:10px;
	font-size:x-large;
	margin-bottom: 30px;
}

.jTitle_small 
{
	font-size:large;
	font-style:italic;
	margin-bottom: 5px;
}
.jTitle_medium
{
    font-size:medium;
	font-style:italic;
}

.jTitle_sub
{
	font-size:medium;
	margin-bottom: 5px;
	padding-left:5px;
	font-weight:bolder;
}

.section 
{
	line-height: normal;
}
.magazineContent h3 
{ 
font-size:140%;
font-weight:bold;
letter-spacing:-0.02em;
margin:2px 0pt 0pt;

}

.cont1 
{
	font-size:x-large;
	border-bottom: 1px solid #c9d7f1;
	line-height: normal;
}
.cont1 img
{
  margin-right:10px;
  border:1px solid #C9D7F1;
}

.contacts_info 
{
	margin-top: 5px;
	font-size:110%;
	line-height:20px;
}

#ukraine_info
{
	font-size: 105%;
	line-height:1.4em;
}

#ukraine
{
	font-size: 240%;
}

.contacts 
{
	margin-top:40px;
	width: 450px;
}

#friends div
{
	font-size: 100%;
	padding-bottom:5px;
}

#rightContent h3 
{ 
font-size:140%;
font-weight:bold;
letter-spacing:-0.02em;
margin:2px 0pt 0pt;

}

#leftContent h3 
{ 
font-size:140%;
font-weight:bold;
letter-spacing:-0.02em;
margin:2px 0pt 0pt;
min-width: 155px;

}

.section h3 
{ 
font-size:140%;
font-weight:bold;
letter-spacing:-0.02em;
margin:2px 0pt 0pt;

}

.magazineContent h3 
{
	margin:10px 0pt 0px;
}
.section ul 
{
 position:relative;
  margin-top:-8px;	
  
}

.descriptionItems
{
	font-size: medium;
}

.descriptionItems ul
{
	display: block;
	list-style: none;
}

.descriptionItems 
{
	font-size:105%;
	line-height:16pt;
}

.sectionItems
{
	font-weight:normal;
	font-size :110%;
	margin-top:10px;
	line-height: 1.4em;
}

.sectionItems a
{
	padding-left: 5px;
}

.sectionItems ul 
{
	margin-top: 5px;
}

.sectionItems li 
{
	list-style-type: none;
	list-style-image: none;
	display: block;
}

.magazineContent {  margin-left:15px; margin-top:50px;}


.magazinePages a { margin-right:25px;}

.magazinePages 
{
	margin-bottom: 25px;
	font-size: 100%;
}

.content 
{
	margin-bottom:20px;
}

.sectionImage
{
  
font-size:85%;
left:20px;
margin:0pt;
margin-bottom: 10px;
padding:0pt;
position:absolute;
text-align:center;
top:69px;	
}

.arch_sectionImage
{
  
font-size:85%;
left:0px;
margin:0 15px 10px 15px;

padding:0pt;
position:relative;
width:120pt;
float:left;

}
.arch_first
{
	margin:0 15px 10px 0px;
}
.arch_
{
	margin:0 0px 10px 15px;
}

/* Commerce version 1.x
===============================*/
#comm_main2  
{
	
	clear: both; 
	padding: 1px 5px;
	position:relative;
	margin: 0 auto 50px auto;
	
	width: 85%;
}
#comm_main
{
	
	position:relative;
	width:75%;
	margin: 0 0px 50px ; 
    float : left; 
    
}
.comm_spacer
{
	position:relative;
	height:50px;
	margin-bottom:50px;
}


#comm_title
{
	margin-top:30px;
	font-size:large;
	margin-bottom: 0px;
	width:100%;
	border-bottom:1px solid #c9d7f1;
	margin-bottom:20px;
}
.comm_catalog
{
	margin-top:50px;
	margin-bottom:30px;
	position:relative;
}
.comm_gallery
{
 margin-left:0px;
 margin-bottom:20px;
}


.comm_subtitle_text
{
	float:right;
}

.comm_sectionImage
{
  
font-size:85%;
left:20px;
margin:15px 15px 15px 15px;

padding:0pt;
position:relative;
width:125px;
float:left;

}
.comm_first
{
	margin:0 15px 10px 0px;
}
.comm_
{
	margin:0 0px 10px 15px;
}




.magazineNavigation { position:relative; left:-5px;}
.magazineNavigation .title { margin-left:7px; margin-right:7px; font-style:italic; font-size:small;}
.magazineNavigation a img { height:16px; width:16px;}
.magazineNavigation .leftArrow {position:relative;  top:3px;}
.magazineNavigation .rightArrow{position:relative;top:3px;}

.navCurrent 
{
	font-size:105%;
}

#current 
{
	font-weight:bold;
}

.current 
{
/*	color:#EF3124; */
}

.contentItems
{
margin-left:0px; 
margin-top: 0px;
margin-bottom: 30px;
font-size: 105%;
line-height:15pt;
}

.contentItems ul 
{
	margin-top: 0px;
}




.contentItems li {
display:block;
font-size:105%;
list-style-position:outside;
list-style-type:none;
margin:0.5em 0pt 0.5em 1.3em;
padding-left:7px;
}

.contentItems li span 
{
	padding-left: 5px;
}

/* html>body  .contentItems {margin-left:15px; margin-top: 0px;}/*Firefox fix*/


/* easy drop shadow
================================== */

.imgShadow {
  background: url(../images/shadow.gif) no-repeat bottom right;

  line-height:0;

  

}
 
.imgShadow img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-5px;
  top:-5px;

}

.sectionImage img 
{
width:120px;
height:156px;	
}
.arch_sectionImage img 
{
width:150px;
height:200px;	
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#leftContent { 
  width: 18%;
  padding-left:20px;
 padding-top:25px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
} 

.sideContentBlock
{
	margin-bottom:40px;
  	
}

.sideContentBlock img 
{
	width:120px;
 height  :156px;
	}
.projectImage 
{
 position:relative;
 left:5px;
 height:150px;
}

.firm 
{
	font-size:120%;
/* 	color:#5b5b5b; */
	margin:0px;
	margin-bottom:5px;
}

.address_all 
{
	margin-left:15px;
	line-height:1.4em;
}

.telephone 
{ 
	font-style:italic;
	margin:0px;
	margin-top:5px;
	
}

#rightContent { 
  width: 20%;
  min-width: 150px;
 padding-top:60px;
 padding-left: 0px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
} 



/*Subscribe----------------------------------------------------------*/
#btnSubscribe {float:right;}

#subsribeTable td
{
   	 padding-right:5px;
   	  padding-bottom:5px;
   	  text-align:left;
}
.subscribeMagazineItem
{
margin-top:10px;
border-bottom:1px dashed #C9D7F1;

height:110px;
padding-right:20px;
padding-bottom:20px;
}
.noBorder .subscribeMagazineItem
{
 border-bottom:none;	
}
.subscribeMagazineItem .jTRow
{
	padding-top:10px;
}
.subscribeMagazineItem .width120
{
  width:120px;	
}
.subscribeMagazineItem .txt
{
	margin-left:20px;
   padding :2px;
   width:145px;
}
.subscribeMagazineItem  .inputHint
{
  margin-left:20px;
  font-size:80%;
  font-style:italic;	
}
.buttons .btnSubscribe
{
 width :200px;	
}

/*end Subscribe*/

#price 
{
	width: 300px;
}



.mdash ol
{
    padding: 0;
    margin: 1em 0;
    line-height:1,1em;
}



.mdash ul
{
    padding: 0;
    margin: 1em 0;
    line-height:1,1em;
}



.mdash p
{
    padding: 0;
    margin: 1em 0;
    line-height:1,1em;
}

.mdash li
{
    margin: 0.5em 0 0.5em 1.3em;
    background: transparent url(../images/mdash.gif) no-repeat scroll 0px 0.7em;
    list-style:none;
    padding-left: 20px;
}
.circle ul
{
    padding: 0;
    margin: 1em 0;
    line-height:1,1em;
}
.circle li
{
	margin: 0.5em 0 0.5em 1.3em;
    background: transparent url(../images/disc.jpg) no-repeat scroll 0px 0.7em;
    list-style:none;
    padding-left: 20px;
}
.circle li li
{
	margin: 0.5em 0 0.5em 1.3em;
    background: transparent url(../images/mdash.gif) no-repeat scroll 0px 0.7em;
    list-style:none;
    padding-left: 20px;
}




.admin_navigation div 
{
	font-family:arial,helvetica,sans-serif;
	float:left;
	width:33.3%;
	text-align:center;
	font-size:130%;
	
}
.admin_navigation .subElement
{
	font-size: 100%; 
	font-weight: normal; 
	width: 100%; 
	text-align: center;
}

.admin_navigation 
{
	height:30px;
	margin-bottom:40px;
	
}
.admin_navigation_current 
{
	border-bottom: solid 2px #FF0000;
	font-style:italic;
}


.admin-pages-table 
{
	line-height:25px;
	margin-bottom:50px;
	width:100%;
}

.admin-pages-table td 
{
	border-bottom: dashed 1px;
	padding:5px;
	height:80px;
	font-size:120%;
}

.admin-pages-table-thead
{
	font-size:larger;
}

.admin-page-language 
{
	text-align:left;
	 width:110px;
}

.admin-page-url 
{
	padding-left:5px;
}

.admin-page-description 
{
	font-style:italic;
	padding-left:5px;
}

.fieldDescription
{
   font-style:italic;
   padding-left:20px;
   font-size:100%;	
}


/* =Footer
-----------------------------------------------------------------------------*/
hr.l1 
{	
background-color:#555555;
border-style:none;
color:#555555;
height:1px;
margin-bottom:0pt;
margin-top:0pt;
}
#footer  
{
	border-top :solid 1px #C9D7F1;
	clear: both; 
	padding: 1px 5px;
	position:relative;
	margin: 50px auto;

}

.floatLeft
{
   float:left;
}


p{line-height:1.3;}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

select 
{
 
}

textarea 
{
 
}

input 
{
 
}
input {
font-size:85%;
line-height:1.25em;
padding-left:2px;
vertical-align:middle;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

.tooltip *{display:block} 

.tooltip{display:block} /*added by javascript*/

.tooltip{ width: 200px; color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;text-align:center;
     z-index:1000; }

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top;}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../images/bt.gif) no-repeat bottom}
    
    


.test 
{
	background:#fff url(../images/bt.gif) no-repeat fixed top; position:absolute;  width:200px; height:150px;
	 
	
}

.nsTooltip 
{
	background:#fff url('../images/bt.gif') no-repeat fixed 50% top; 
position:absolute;  width:200px; height:150px;
	top: 153px;
	left: 865px;
}
.nsTooltip .container { position:absolute;top:30px; left:8px; height: 110px; padding-left:5px; padding-right:10px;}


/* =Misc 2
-----------------------------------------------------------------------------*/ 

.itemSection
{
	padding-right: 10px;
	border-top: 1px solid #c9d7f1;
	height: 164px;
}

.imgSection
{
	float: left;
	margin-right: 10px;
}

.jTRow
{
	clear: left;
}

.jCol
{
	float: left;
	padding: 4px;
}

.jCol120
{
	width: 120px;
	font-size: medium;
	padding: 7px;
}

.jCol50
{
	width: 50px;
}

.jCol150
{
	width: 150px;
}

.jCol170
{
	width: 170px;
}

.jCol200
{
	width: 200px;
}

.buttons 
{
	margin-top:30px;
	margin-right:30px;
	float:left;
}

.buttons input 
{
	width: 100px;
	height: 30px;
	font-size:110%;
	position:relative;
	
}

.jCol250
{
	width: 250px;
}

.jCol260
{
	width: 260px;
}

.jCol300
{
	width: 300px;
}

.jCol469
{
	width: 469px;
}

.red 
{
	color:Red;
}

.height10 
{
	height:10px;
}

.height15
{
	height:15px;
}

.height30
{
	height:30px;
}

.f120 
{
	font-size:120%;
}

.f110 
{
	font-size:110%;
}

.pb30 
{
	padding-bottom:30px;
}

.mb20 
{
	margin-bottom:20px;
}

.dashed
{
	border-top:1px dashed #C9D7F1;
}

.h70 
{
	height:70px;
}
.w80p 
{
	width:80%;
}

.jb-input-text
{
	border: 0px;
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 300px;
}
input.notValidInput
{
	border:solid 1px #b72f4b; 
}
/* ------------------------------------------------ */

.itemSection
{
	padding-right: 10px;
	border-bottom: 1px solid #c9d7f1;
	height: 164px;
}

.imgSection
{
	float: left;
	margin-right: 10px;
}

.jTRow
{
	clear: left;
}

.jCol
{
	float: left;
	padding: 4px;
}

.jCol120
{
	width: 120px;
	font-size: medium;
	padding: 7px;
}

.jCol300
{
	width: 300px;
}

.jCol500
{
	width: 500px;
}

.jb-input-text
{
	border: 0px;
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 300px;
}




/*
-----------------------------------------------------------------------------*/ 
/*		                    Admin                                           */
/*---------------------------------------------------------------------------*/ 
#admin_mainContent
{
  width: 78%; 
  margin: 0 0 50px 0; 
  float: left;
}
.admin_sel_magazineName 
{
	border: 0px;
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 307px;
}
.admin_sel_magazineDate 
{
	float:left;
	border: 0px;
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 145px;
}
.admin_right
{
 margin-left: 9px;
}
.admin_input_text
{
	
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 300px;
}
.admin_input_content
{
	
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 390px;
	margin-right:15px;
	margin-left:5px;
}
.admin_content_remove
{
	float:left;
	cursor:pointer;
	background:transparent url('../images/delete_content.jpg') no-repeat scroll;
	position:relative;
	margin-left:5px;
	width:19px;
	height:7px;
	top:9px;
}
.button_hovered
{
	background:transparent url('../images/delete_content_h.jpg') no-repeat scroll;
}
#image_preview
{
	position:absolute;
	display:none;
	left:665px;
	top:380px;
	width:250px;
	height:300px;
	z-index:10;	
}
.image_preview_section
{
	
padding:0pt;
position:relative;
width:260px;
float:left;
z-index:11;	
top:-40px;
}

.content_rows
{
	margin-bottom:10px;
	height:30px;
}
.admin_content_input_fileds
{
	float:left;	
}
.admin_input_file
{
	
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 300px;
	display:block;
}
.admin_input_uploaded_file
{
    padding: 3px;
    margin-left:3px;
    margin-right:15px;
    float:left;
    font-size: medium;
    width:150px;
    display:none;
    text-decoration:underline;
    cursor:pointer;
    overflow:hidden;
    color:#105CB6;
}
.admin_input_submit
{
	border-color:#B5B8C8;
	border: 1px solid #B5B8C8;
	font-size: medium;
	padding: 3px;
	width: 100px;
}

.admin_box
{
	font-family:arial,helvetica,sans-serif;
	height: 200px;
}


.admin_Col120
{
	width: 120px;
}

/*------------------------------------------------------------------
								gallery
------------------------------------------------------------------*/
#gallery_left
{
	width:220px;
	
	position:relative;
	float:left;
	font-size:130%;	

	z-index:1;
	min-height:500px;
}
#gallery_content
{
	/* overflow:auto; */
	font-size:110%;
	position:relative;	
	height:550px;
    border-left   :dotted 1px #B5B8C8;
    left:220px;//left:0px;
    z-index:2000;

width:480px;
}

#gallery_pages
{
  position:absolute;
  bottom:0px;
  left:45px;
  	
}
#gallery_pages a 
{
   margin-right:10px;	
   font-size:140%;
}
#gallery_pages b 
{
   margin-right:10px;	
   color:#000;
   top:0px;
   position:relative;
   font-size:140%;
}




.categoryForm
{
  background-color:#ffffff;
  border: solid 1px #c9d7f1;
  height:340px;
  width:540px;
  position:absolute;
  left:51%;
  top:50%;
  margin-left:-220px;
  margin-top:-160px;	
  z-index: 9001;
}
.categoryForm .categoryFormTitle
{
	text-align:center;
	margin-top:10px;
}
.categoryForm .exitButton
{
	width: 16px;
	height: 16px;
	position:absolute;
	right:8px;
	top:8px;
	background: url(../images/exitButton.png) repeat-y center center;
}

.categoryForm .controlButtons a:link, .categoryForm .controlButtons a:visited {
  display: block;
  float:left;
  width: 125px;  /* dimensions needed for IE5.x/Win */
  padding: 0.2em;
  line-height: 1.4;
  background-color: #ffffff;
  border: 1px solid #c9d7f1;  
  text-decoration: none;
  text-align: center;
 
}

.categoryForm .controlButtons a:hover
{
	background-color: #e1eaf2;
	color: #105CB6;
}
.categoryForm .controlButtons
{
	
  	position:absolute;
  	text-align:left;
  	bottom:10px;
  	right:-10px;
  	width:300px;
  	height:32px;
}

.categoryForm .inputs
{
   position:absolute;
   top:100px;
   width:100%;
   height:250px;	
   padding-left:20px;
   font-size:90%
}
.categoryForm .languageDivider
{
	border-top: 1px solid rgb(225, 234, 242); top: 190px;position:absolute; height:10px;width:490px; left:20px;
}


.uploadForm 
{
  width:400px;
  height:314px;	
}
/*---------------------------------------------------------------------
								LightBox
-----------------------------------------------------------------------*/

.lightBox
{
  background-color:#ffffff;
  border: solid 1px #c9d7f1;
  height:340px;
  width:540px;
  position:absolute;
  left:51%;
  top:50%;
  margin-left:-220px;
  margin-top:-160px;	
  z-index: 9001;
}
.lightBox .categoryFormTitle
{
	text-align:center;
	margin-top:10px;
}
.lightBox .exitButton
{
	width: 16px;
	height: 16px;
	position:absolute;
	right:8px;
	top:8px;
	background: url(../images/exitButton.png) repeat-y center center;
}


.lightBox .controlButtons a:link, .lightBox .controlButtons a:visited {
  display: block;
  float:left;
  width: 125px;  /* dimensions needed for IE5.x/Win */
  padding: 0.2em;
  line-height: 1.4;
  background-color: #ffffff;
  border: 1px solid #c9d7f1;  
  text-decoration: none;
  text-align: center;
 
}

.lightBox .controlButtons a:hover
{
	background-color: #e1eaf2;
	color: #105CB6;
}

.lightBox .inputs
{
   position:absolute;
   top:100px;
   width:100%;
   height:250px;	
   padding-left:20px;
   font-size:90%;
   text-align:center;
}
.lightBox  .controlButtons
{
	
  	position:absolute;
  	text-align:left;
  	bottom:10px;
  	right:40px;
  	width:100px;
  	height:32px;
}






/*------------------------------------------------------------------
								Tabs
------------------------------------------------------------------*/

ul.subsection_tabs 
{

clear:both;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
 left:20px;
 position:relative;
 width:490px;


 border-bottom:1px solid #E1EAF2;
}
ul.subsection_tabs li a.active {
background-color:#E1EAF2;
}

ul.subsection_tabs li a {
background-color:#FFFFFF;
color:#666666;
display:block;
height:20px;
padding:0pt 6px;
width:80px;
text-decoration:none;

}

ul.subsection_tabs  a:hover{ color:#666666;}

ul.subsection_tabs li {
float:left;
margin-right:7px;
text-align:center;
}

/*------------------------------------------------------------------
								end tabs
------------------------------------------------------------------*/
.overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 500px;
	background-color: #c0c0c0;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.disableBox 
{
		position: absolute;
   	background-color: #c0c0c0;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;	
		width: 100%;
		height:100%;
}

.treeControlPanel
{
  width: 100%; font-size:15px; color: #0000ff; top: 5px; position: absolute;
  
}
.treeControlPanel div { float:left; margin-right:20px;}


/*------------------------------------------------------------------
								end gallery
------------------------------------------------------------------*/


/*------------------------------------------------------------------
								Tree
------------------------------------------------------------------*/

.tree
{
	
	padding: 0; 
	clear: both;	
	z-index:10;
	
}
	



#tree_distance
{
	position:relative;
	float:left;
	width:10px;
	margin-left:10px;
	margin-right:10px;
}

.tree ul
{
	list-style-type: none;
}
.ul_maincategory
{
	overflow: hidden; width: 100%; margin: 0; padding: 0 0 1.5em 0;
    list-style-type: none;
}
.ul_subcategory
{
	overflow: visible; width: auto; margin: 0 0 0 0; padding: 0 0 0 0.75em;
}
.ul_maincategory li
{
	margin: 0; padding: 0;
}
.ul_subcategory li
{
	 margin: 0 0 0 1em; 
	 border-left: solid 1px #B5B8C8; padding: 0;
	 z-index:100;
	
	
	 
}
.ul_maincategory li div
{
	 position: relative; height: 1.9em; min-height: 16px; 
	 /* height: 1.3em; */
}
.ul_subcategory li div
{
	border-bottom: 1px solid #B5B8C8; 
	//top:4px;
}
.tree li.l
{
	border-left: 1px solid #B5B8C8; margin-left: -1px;
}
.tree li.cl ul
{
	display: none; 
}
.tree li p
{
 position: absolute; z-index: 1; top: 1.2em; //top: 1.2em; left: 1.85em;
        width: 90%; margin: 0;  padding: 0;	
}
 .expanded_node
{
	background:transparent url(../images/treeArrowExpanded.png) repeat-x scroll 0px 0px;
	width:11px;
	height:11px;
	position:absolute;
    top:12px;
    left:8px;
    z-index:200;
}
.ul_maincategory.ul_subcategory .expanded_node
{
	//left:9px;
}
 .collapsed_node
{
	background:transparent url(../images/treeArrowCollapsed.png) repeat-x scroll 0pt 0px;
	width:11px;
	height:11px;
		position:absolute;
 top:12px;
 left:8px;
}
.tree .title  {margin-left:10px;}
.tree a.sc
{
	cursor:pointer;
 position: absolute; top: -0.3em;
 margin-left: -0.85em; padding: 0; text-decoration: none;
}
.tree .sc,li p
{
background-color:#fff;
}

/*------------------------------------------------------------------
								end tree
------------------------------------------------------------------*/

.admin_archive_publishing
{
padding:10px auto 10px auto;
}
.admin_archive_year
{
padding:10px auto 10px auto;
}
.admin_archive_month
{
	padding:10px auto 10px auto;
}
.admin_archive_edit
{
	padding:10px auto 10px auto;
}
.admin_archive_delete
{
	padding:10px auto 10px auto;
}

#admin_content_side
{
	width:910px;
}

#archive_filter
{
	position:relative;
	margin:15px;	
}
.archive_types
{
	font-size:130%;
	font-weight:bold;
	position:relative;
	left:0px;
	border-bottom:solid 1px #C9D7F1;
	margin:20px 0 10px 0;
	height:39px;
	
}
.archive_tab
{
	position:relative;
	float:left;
	margin:0px 5px 20px 5px;
	padding:4pt;
	cursor:pointer;
	background-color:#eee;
	border:solid 1px #C9D7F1;
	left:0px;
	top:0px;
	
}

.admin_anchor_cell
{
	color:#105CB6;
	text-decoration:underline;
	cursor:pointer;
}

.hovered
{
	color:#EF3124;
	
}
.archive_tab a
{
	float: left;
	display: block;
	color: #555;
	text-decoration: none;
	
}
.archive_tab a:hover
{
	color:#000;
	
}
.current a
{
	color:#000;
}
.current
{
	background-color:#fff;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #C9D7F1;
	border-right:solid 1px #C9D7F1;
	border-top:solid 1px #B5B8C8;
}
.archive_years_filter
{
	position:absolute;
	left:0;
	
}

.archive_years_filter div
{
	margin-right:20px;
	float:left;
	font-size:130%;
}
#admin_magazine_list
{
	margin-top:50px;
	position:relative;
	left:10pt;
	}

.admin_magazine_table
{
	line-height:25px;
	margin-bottom:30px;
	width:45%;

}

.admin_add_magazine
{
	margin:15px;
	
	font-size:130%;	
}
/********** New Magazine Page   *******/
.magazine_title
{
    margin-top:30px;
	font-size:large;
	width:100%;
	border-bottom:1px solid #c9d7f1;
	margin-bottom:20px;
	height:27px;
}
.magazine_cover_section_Image
{

  
font-size:85%;
left:20px;
margin:15px 15px 15px 15px;

padding:0pt;
position:relative;
width:410px;
float:left;

}
.magazine_header
{
	margin-bottom:30px;
	position:relative;
	font-size:large;
	width:910px;
}

.magazine_cover
{
 margin-left:0px;
 margin-bottom:20px;
 float:left;
 width:460px;
}
.magazine_content
{
	
	width:74%;
	
	position:relative;
	
}

.magazine_pages
{
	position:relative;
	left:0px;	
	margin-left:0px;
	margin-bottom:20px;
}
.magazine_content_title
{
	padding-top:10px;
	font-style:italic;
}
.magazine_content_item
{
	margin-top:15px; 
	left:25px;
	font-style:normal;
	position:relative;
	
}
.magazine_content_description
{
	left:50px;
	font-style:italic;
	font-size:medium;
	position:relative;
}

.magazine_left_tite
{
 float:left;
}

.magazine_right_tite
{
	float:right;
	color:#EF3124;
}

.error_cover_message
{
	color: Red;	
	position:absolute;
	top:185px;
	left:585px;
	width:230px;
}

#admin_help
{
	position:absolute;
	top:360px;
	right:0px;	
	
	width:275px;
	
}

#admin_help_header
{
	float:left;
	
	width:45px;
	height:47px;
	background-image:url('../images/help_03.jpg');	
	
}

#admin_help_title
{
	float:left;
	width:215px;	
	height:37px;
	background-color:#c9d7f1;
	
	font-size:large;
	color:#02335e;
	padding-top:10px;
	padding-left:15px;
	
}

#admin_help_content
{
	width:275px;
	background-color:#c9d7f1;
	margin-top:47px;
	height:50px;
}
.admin_help_description
{
	position:relative;
	padding:10px;
	font-size:110%;
	font-style:italic;
	background-color:#c9d7f1;
	
}


/**----------------------------------------------------
						Awards
----------------------------------------------------**/

.admin_awards_years
{
	position:absolute;
	top:0px;
	left:0px;
	font-size:115%;
	margin-bottom:10px;
}
.admin_awards_content
{
	position:relative;
	font-size:105%;
}
.admin_awards_header
{
	position:absolute;
	//position:relative;
	font-style:italic;
	top:40px;
	left:0px;
	
	
	
}

.admin_awards_image
{
	position:relative;
	float:left;
	text-align:center;
	width:150px;
	height:100%;
	
}

.admin_awards_title
{
	position:relative;
	float:left;
	width:300px;
	margin:auto;
	height:100%;
}
.admin_awards_date
{
	position:relative;
	text-align:center;
	float:left;
	width:150px;
	height:100%;
	
}

.admin_awards_delete
{
	position:relative;
	float:left;
	width:100px;
	height:100%;
}

.admin_awards_edit
{
	position:relative;
	float:left;
	width:150px;
	height:100%;
}

#admin_awards_table
{
	position:relative;
	top:60px;
	left:0px;
	margin-bottom:20px;
}

.admin_awards_row
{
	background-color:#fff;
	position:relative;
	height:132px;
	font-style:normal;
	font-size:105%;
	margin:20px 0 20px 0;
	
	
}
.admin_awards_date div
{
	position:relative;
	top:40%;
	
}

.admin_awards_edit a
{
	position:relative;
	top:40%;

}

.admin_awards_delete div
{
	position:relative;
	top:40%;

}

.admin_awards_image img
{
	position:relative;
	top:9%;

}

.admin_awards_title div
{
	position:relative;
	top:40%;
}
.admin_awards_year
{
	position:relative;	
	float:left;
	margin-right:30px;
}
.row_hovered
{
	background-color:#fef7d4;
}
.pageListFilter
{
  font-size:120%;
  position:relative;
  top:10px;	
}
.pageListFilter div
{
	float:left;
	margin-right:23px; 
}

