/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

/* Use this class on any .span / container to see the grid. */
.showgrid { background: url(Images/grid.png);  }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 

/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 	margin-top:1.5em; }
.append-bottom { 	margin-bottom:1.5em; }

/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }

/* Use this to create a horizontal ruler across a column. */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
hr.space { background: #fff; color: #fff;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* A container should group all your columns. */
.container { width: 950px; margin: 0px auto;background-color: #FFFFFF;}
.container_sub{ width : 710px;margin: 0px auto;background-color: #FFFFFF;}









/***********************************************************************
								ALINTI CSS
***********************************************************************/


body {width:100%;background-image:url(Images/repeat-bg.png);margin:0px 0px 0px 0px;	font-family:Verdana,sans-serif;	font-size:11px;}

H1,H2,H3, H1 A, H2 A, H3 A { color:#7FABCE; font:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;	text-decoration:none;}
H1{	font-size:26px;line-height:26px;font-weight:bold; 	margin:0px 5px 5px 0px;}
h2{ font-size:20px; margin:0px 5px 5px 0px;}

A{ color:#ff8401;}
A:hover{text-decoration:underline;}

.Warning, 
.warning {color:Red; font-weight:bold;}
.Message{font: 20px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;font-weight:bold; color:#897300;}
.Message.AlintiBulunamadi{font-size: 14px;font-weight:normal; color:#404040;padding:20px 0px;}
.Message_white{font: 20px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;font-weight:bold; color:#FFFFFF; padding:20px 55px 20px 55px; display:block; text-align:center;}
.MessageKucuk_white{font: 14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; font-weight:bold; color:#FFFFFF; padding:10px 25px 10px 25px; display:block; text-align:center;}

#wrapper {}
#wrapper_main {}
#container {}
#container_main {}
#main{}	
#content {padding-bottom:20px;}

.clearFix{clear:both; width:100%; height:0px; line-height:0px;}
td.content {}

DIV.headerContainer {margin-bottom:10px;}
DIV.Header{ }
DIV.HeaderImage {background-image:url(Images/header.gif);background-repeat:no-repeat;background-position: -10px;height:120px;}
DIV.Menu {margin-bottom:20px;}

DIV.footerbg {width:100%}
DIV.footer { text-align:center; color:#BDBDBD; padding-top:10px;padding-bottom:10px;}
DIV.footer .nav { padding:5px 0px 5px 0px;}
DIV.footer .nav P {padding:5px;}
DIV.footer .alinti_bookmark {text-align:center;}

.FooterBar .googleAds {margin:0px 0px 0px 160px; }
.googleAds { margin:15px auto 15px auto ; width:468px;}


/* SIDEBAR *********************************************************/

.sidebar_inner {padding:0px 0px 0px 10px;}
.sidebar_inner .sidebar_links{margin:0px 0px 30px 0px;}

A.sideLink {  font: 18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; text-decoration:none;font-weight:700;color:#BEBEBE;line-height:30px;
              background-image:url(images/menu_bullet.gif);background-position:left;background-repeat:no-repeat;
              padding :0px 0px 0px 18px; margin:0px 0px 0px 0px;}
A.sideLink:hover {color:#FF8401;}

UL.sideLink LI {font: 18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; text-decoration:none;font-weight:700;color:#BEBEBE;line-height:30px;
              background-image:url(images/menu_bullet.gif);background-position:left;background-repeat:no-repeat;
              padding :0px 0px 0px 18px; margin:0px 0px 0px 10px; list-style:none; float:left;}
UL.sideLink LI A {color:#CDCDCD;text-decoration:none}
UL.sideLink LI A:hover {color:#FF8401;}

.KitapThumbnailContainer H3{ padding-left:0px;padding-right:0px;}
.KitapThumbnailPanel{clear:both;}
.KitapThumbnailPanel A.kitapThumbnail {margin:10px 10px 10px 0px; display:block; float:left}
.KitapThumbnailPanel A.kitapThumbnail IMG {border:none; }
.KitapYurduPanel{clear:both;}

UL.KitapYurduThmb {padding:0px;}
UL.KitapYurduThmb LI{list-style:none; margin:0px; padding:0px 0px; float:left;}
UL.KitapYurduThmb LI TABLE TD{ padding:0px; border:none; border:none !important;}


#UCSidebar1_KitapYurduPanel{ margin:0px 0px 0px 30px; }

.alintiIkon {font: 24px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; color:#CDCDCD; font-weight:bold;line-height:25px;text-decoration:none;}
.alintiIkon_image {width:75px; float:left; text-align:right;}
.alintiIkon_link {width:130px; float:left; padding:15px 0px;}
.alintiIkon:hover{color:#FF7A01;text-decoration:none;}



DIV.profile {margin:0px 0px 20px 0px;/* border:solid 1px #D3D3D3; margin:5px; padding:5px; width:480px;*/}
.uyeProfil DIV {margin:0px 0px 10px 30px;font: 14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;text-decoration:none;}
UL.yayinList {padding:0px; margin:0px; clear:both;}
UL.yayinList LI{list-style:none; padding:1px; margin:0px; float:left;}
UL.yayinList LI A IMG{border:solid 1px #fff;}
UL.yayinList LI A:hover IMG{border:solid 1px #FF8401}
UL.yayinList LI IMG{ width:45px; height:68px;}
UL.yayinList .yayinNoThmb{border:solid 1px #aaaaaa; background-color:#dfdfdf; width:43px; height:60px; padding:5px 1px; line-height:14px; text-align:center; font-size:10px;letter-spacing:1px; font-family:Arial Narrow;overflow:hidden}
UL.yayinList LI A {text-decoration:none;}

/* TUM YAZARLAR */
UL.ItemLlink {list-style:none; margin:10px 0px; padding:0px }
UL.ItemLlink LI{ float:left; display:inline;padding:3px;}
UL.ItemLlink LI A{ font-size:12px; font-weight:bold; color:#7FABCE;}

UL.ItemList {display:block; width:120px; float:left; padding-left:10px; list-style:none;}
UL.ItemList.single {width:auto;} 
UL.ItemList LI {padding:3px 0px;}
UL.ItemList LI.First{list-style:none; border-bottom:solid 1px #7FABCE;}
UL.ItemList LI.more A{color:#BEBEBE;}
UL.ItemList LI A H4{padding:3px 0px;margin:0px;font-size:14px; font-weight:bold; color:#7FABCE;}


DIV.duyuruPanel
{
	border-top:solid 1px #CCCCCC;
    /*width:400px;
    padding:20px 5px 5px 30px;
    margin:30px 20px 20px 20px;*/
    }
DIV.duyuruPanel LI
{
    padding:5px 0px 0px 0px;
}

DIV.hakkinda
{
    width:100%;
    /*padding:10px;*/
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    color:#404040;
    text-align:justify;
    
   
}


DIV.alinti
{
	/*margin:0px 0px 10px 5px;*/
	min-height:60px;
}
.alinti_kutu
{
	/*background-color: #ffffff; */
	color:#820002; 
	text-align:left;
	padding:3px;
	/*width: 150px*/
}
.alinti_kutu .alinti_baglanti
{
	border-bottom:none;
}
DIV.alinti_etiket,
DIV.alinti_bookmark
{
	/*margin-left:90px;*/
	margin-bottom:5px;
	color:#89b3d3;
	/*width:380px;*/
}
DIV.alinti_bookmark 
{
    text-align:right;
}
DIV.alinti_bookmark A
{
    padding:0px 2px;
}
DIV.alinti_metni
{
	text-align:justify;
	line-height:1.5em;
	color:#404040;
	/*margin-left:88px;
	width:380px;*/
}
DIV.alinti_baglanti
{
	height:25px;
	position:relative;
	font-size:12px;
	border-bottom:1px dashed #999999;
	text-align:right;
	margin-bottom:10px;
}
DIV.alinti_baglanti a.yazar
{
	text-decoration:none;
	color:#897300;
}
DIV.alinti_baglanti a.yazar:hover
{
	text-decoration:underline;
}
DIV.alinti_baglanti a.yayin:link,
DIV.alinti_baglanti a.yayin:hover,
DIV.alinti_baglanti a.yayin:visited,
DIV.alinti_baglanti SPAN.alintiSayfa
{
	text-decoration:none;
	font-style:italic;
	color:#ff8401;
}
DIV.alinti_baglanti a.yayin:hover
{
	text-decoration:underline;
}
DIV.alinti_baglanti SPAN.alintiSayfa
{
	padding-left:10px;
}
DIV.alinti_yazar
{
	background-image:url(Images/enrty-start_off.png);
	background-repeat:no-repeat;
	background-position:-15px 0px;
	text-align:right;
	font-size:9px;
	color:#CCCCCC;
	
	/*float:left;
	width:85px;*/
	height:60px;
	
}
DIV.alinti_yazar A
{
	color:#CCCCCC;
	text-decoration:none;
}
DIV.alinti_yazar A:hover
{
	color:#404040;
	text-decoration:underline;
}
DIV.alinti_yazar DIV
{
	margin-top:35px;
}

/*   YORUMLAR  --------------------- */
DIV.alintiYorumPanel {border-left:solid 1px #ededed;padding-left:10px;}
DIV.alintiYorum {width:350px; margin:5px 5px 5px 0px; border:solid 1px #efefef; padding:3px 3px 3px 3px;}
DIV.yorumMetni {width:100%; background-color:#F6F4F2; background-image:url(images/denemeb.jpg); color:#404040; padding-left:5px;}
DIV.yorumEkleyen{ padding-left:5px; color:#7FABCE; width:100%;}
.yorumLabel {margin:20px 5px 5px 0px; padding-top:5px; width:360px; 
             color:#7FABCE; font:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;font-size:16px;font-weight:bold;}
DIV.yorumEkle { margin:25px 5px 5px 0px; }
DIV.yorumEkle TEXTAREA { border:solid 1px #296C9E; width:375px;height:50px; }

/* ------------------------------*/


DIV.alintiEkle
{
	padding:5px;
	background-color:#7EABCE;
}
DIV.yazarOner,
DIV.yayinOner,
DIV.Panel_Aktif,
DIV.Panel_Pasif
{
	float:left;
	width:620px;
}

DIV.Panel_Aktif
{ 
    background-color:#FEFEFE;
    border:solid 1px #bababa;
    padding:5px 0px 5px 0px;
}

DIV.Panel_Pasif
{
    background-color:#CDCDCD;  
    border:solid 1px #bababa;
    padding:5px 0px 5px 0px;
}

DIV.YazarPanel_Aktif {}
DIV.YayinPanel_Aktif {}
DIV.YayinPanel_Pasif {}

DIV.AlintiPanel_Aktif {}
DIV.AlintiPanel_Pasif {}

DIV.panelHeader
{
   /* padding:5px 10px 10px 25px;*/
   padding-bottom:10px;
}

DIV.Data
{
	width:460px;
	float:left;
}
TD.label
{
      width:2150px;
    font-weight:bold;
    color:#897300;
    padding:0px 5px 0px 5px;
}
SPAN.Label
{
    width:120px;
    font-weight:bold;
    color:#897300;
    padding:0px 5px 0px 5px;
}
DIV.Label
{
    width:120px;
    float:left;
 
}
DIV.Field
{
    margin-left:5px;
    width:450px;
}
DIV.Field INPUT,
DIV.Field TEXTAREA
{
	font:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    width:350px;
    border:solid 1px #89B3D3;
}
DIV.Button
{
   background-repeat:no-repeat;
   margin-left:500px; 
}
DIV.Button INPUT
{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#7EABCE;
	border-top:solid 2px #ffffff;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #cccccc;
	border-bottom:solid 2px #cccccc;
	width:100px;
}

SPAN.Message,
A.Message
{
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	font-weight:bold;
	color:#897300;
	/*padding-left:10px;*/
	display:block;
}
A.Suggest
{
	text-decoration:none;
	color:#404040;
}
A.Suggest:hover
{
	text-decoration:underline;
	color:#897300;
}
SPAN.YazarLabel,
SPAN.KitapLabel{
	font: 19px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	width:120px;
    font-weight:bold;
    color:#897300;
    padding:0px 5px 0px 5px;
}
INPUT.YazarField,
INPUT.KitapField
{
	font: 19px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	height:25px;
}

DIV.panel{}

DIV.pager{width:470px; text-align:center; padding:5px; margin:20px 0px 20px 0px;}
DIV.pager A { font-size:11px;font-weight:bold;text-decoration:none;color:#666666; padding:0px 3px 0px 3px; border:solid 1px #D3D3D3;
	margin:5px 3px; background-color:#ffffff; float:left;}
DIV.pager A:hover
{
    color:#897300;
}
DIV.pager A.currentPage
{
    background-color:#FF7A01;
}

SPAN.haderTuruncu
{
    color:#FF7A01;
    font-weight:bold;
    font: 40px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    line-height:60px;
}
TR.listItem TD,
TR.listItemOver TD
{
    height:14px;
    color:#404040;
    padding:2px 10px 2px 15px;
}
TR.listItemOver
{
    background-color:#C7DBEA;
    padding:3px 10px 3px 17px;
}
TR.listItem TD A,
TR.listItemOver TD A
{
    color:#707070;
    font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    text-decoration:none;
}



DIV.yayinTable{   color:#404040; text-align:justify; margin-bottom:10px;}
TABLE.yayinTable {width:400px;}
TABLE.yayinTable TD{padding:5px 15px 5px 0px; text-align:justify; color:#404040;line-height:1.5em;}
TABLE.yayinTable LI{   padding-left:1px;}
TABLE.yayinTable .yayinImage {float:left; width:130px; border:1px solid #FFFFFF;}
.yayinAdi,
.yayinEvi,
.YayinYili{font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;}
.YayinYili{color:#404040;}
TD.kitapDetay SPAN{color:#FF8401;}
TD.kitapDetay SPAN.Yazar A{font-size:14px;}
TD.kitapDetay A { font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;text-decoration:none;}
TD.kitapDetay A:hover {}

TABLE.yayinTable A{text-decoration:none;}

.AlintiLabel{margin:20px 5px 5px 0px; padding-top:5px; width:360px; 
             color:#7FABCE; font:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;font-size:16px;font-weight:bold;}
        

.etiketDescription
{
    background-image:url(images/bg_sozlukAnlami.gif);
    background-repeat:no-repeat;
    background-position: 0px 40px;
    padding-left:55px;
    vertical-align:top;
    min-height:70px;
}
TD.etiketDescription P,
TD.etiketDescription OL
{
    margin-top:0px;
    margin-bottom:11px;
}
DIV.etiketAD,
DIV.yazarAD
{
    float:right;
    padding:5px 0px 5px 5px;
}


DIV.biyografiPanel
{
    color:#404040;
    line-height:1.5em;
    text-align:justify;  
}

TABLE.KullaniciKaydet
{
    margin-left:20px;
}
TABLE.KullaniciKaydet TD.label
{
    width:200px;
}
TABLE.KullaniciKaydet TD.label SPAN,
TABLE.KullaniciKaydet TD SPAN.label
{
    font: 16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    font-weight:bold;
    color:#897300;
    padding:0px 5px 0px 5px;
}
TABLE.KullaniciKaydet INPUT
{
    width:200px;
    height:25px;
    font: 16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    
    color:#404040;
    
}


#soultip{width:200px;height:30px;/*FX*/filter:alpha(opacity:90);/*Do Not Edit*/	position:absolute;top:0px;left:0px;display:none;z-index:999999999;/*extra*/	background-color:#EEEBE9;border:1px solid #D3D3D3;padding:5px;}
#soultip .header{line-height:13px;color:#000;font-size:11px;border:0px solid #333;border-bottom-width:1px;font-weight:bold;margin-bottom:5px;}
#soultipinner{	font-size:11px;	font-family:Tahoma, Verdana, Helvetica;	line-height:12px;}

SPAN.AlintiTarihi{   color:#CCCCCC; font-size:10px;}

/* Yazar sayfasi*/
DIV.yazarPanel {}
DIV.yazarPanel DIV.alinti_bookmark {}
.yazarOnizlemePanel{/*padding-left:10px;*/}
.yazarImage{ margin:0px 10px 10px 0px;}



#index-left {line-height:1.5em;}
#index-left H3{color:#7EABCE;}

.biyografiOzetPanel{text-align:justify; line-height:1.5em;color:#404040;}
.biyografiOzetPanel IMG{width:100px;height:135px;}


/* Son Yorumlar */
UL.yorumLink{color:#404040;text-align:justify;list-style-image:none;padding: 0px; margin:0px;}
UL.yorumLink LI {line-height:1.5em;list-style-image:none;list-style:none;padding:5px 0px;}
UL.yorumLink LI A { text-decoration:none;}
UL.yorumLink LI SPAN {color:#FF8401; }
UL.yorumLink LI A.YorumKaynakLink { font-style:italic;text-decoration:none;}
UL.yorumLink LI A.YorumLink {color:#404040;display:block;}
UL.yorumLink LI A.YorumLink:hover,
UL.yorumLink LI A.YorumKaynakLink:hover,
UL.yorumLink LI A.YorumYapanLink:hover {text-decoration:underline;}

/*Modal Popup*/

.modalBackground { background-color:Gray;filter:alpha(opacity=70);opacity:0.7; }

.modalPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; }
.modalPopup TABLE{ margin:10px; }
DIV.modalPopupHeader{background-color:#8EB7D7; height:30px; color:#FFFFFF; width:100%; padding:10px 0px 0px 20px; font-size:16px; font-weight:bold; }

/***************************************************
			Grid Style: gradient header
***************************************************/
TABLE.GHG_Frame {	width: inherit;}

TR.listItem,
TR.listItem TD { background-color: #F0EFEC; padding:3px 5px 3px 5px; }

.GHG_gridRow { background-color: #F0EFEC; padding:1px 2px 0px 3px; cursor:default; }
.GHG_gridRow TD { padding:1px 2px 0px 3px;}

TR.listItemOver {background-color:#DFE8F1;}
TR.listItemOver TD {padding:3px 5px 3px 5px; }

.GHG_gridRow:hover {background-color:#DFE8F1; }
TD.GHG_gridRow_Alternate{}
.GHG_gridRow_selected{	background-color: #CDCDCE;}
TD.GHG_gridRow_rowSelector{	width: 15px;}
TR.GHG_gridHeader TH,
TR.GHG_gridHeader TD, 
TH.GHG_gridHeader {	color: #003399;	font-size: 1.1em; font-weight: bold; padding: 5px 5px 5px 5px; border: solid 1px #B6B5B5; color: #6A6A6A; background-color:#FFFFFF;	background-image: url(images/gray_gradient.gif); background-repeat: repeat-x; background-position: bottom;}
TR.GHG_gridHeader TD { height: 28px; vertical-align: middle; }
TH.GHG_gridHeader IMG {	padding-left: 10px; }