/**************************************
 * THEME NAME: transformative
 *
 * Files included in this sheet:
 *
 *   transformative/style.css
 *   transformative/styles_pda.css
 **************************************/

/***** transformative/style.css start *****/

/* CSS Document */
body{margin:79px 0 0 0; background-color:#fff;}
#header_area{background:url('img/header_bk.jpg') repeat-x; height:262px; width:100%;}
#header_body{width:1003px;}
.f_l{float:left}
.f_r{float:right}

/*menu*/
#menu{background:url('img/line.jpg') left no-repeat; float:left; text-align:left; height:199px; position:relative; top:26px;}
#menu ul{margin-top:0; position:relative; top:20px; left:-10px}
#menu ul li{list-style:none; margin: 0px;
//margin-bottom:5px}
#menu a{color:#eceef7; text-decoration:none; letter-spacing:6px; display: block; border: 0px; margin: 0px; padding: 0px;}
#menu a img {
	display: block;
	margin-left: 25px;
}

#menu .menu_items {
	margin-top: 16px;
}


/*header*/
#header{background:url('img/header_img_bk.gif') center no-repeat; float:right; width:775px; height:213px; position:relative; top:-23px}
#header .inlin {
	width:752px; height:195px; position:relative; margin-left:7px;
	//margin-left:-7px;
}
#header .inlin img {
	position: absolute;
	top: 0;
	left: 0;
    width:752px; height:195px;
}


.h_img{width:752px; height:195px; border:3px solid #1e7d6f; position:relative; left:-1px}

/*logo*/
.logo{position:absolute; top:-95px; }

#divider{clear:both; height:60px;}

#left_bar, #right_bar{
	width:224px;
	float:left;
	line-height: 0px;

}
#left_bar{margin-top:27px;}
#right_bar{position:relative}

#left_bar img, #right_bar img{
	line-height: 1px;
}

/*#center_body{width:546px; float:left; text-align:left;}*/
#center_body{width:1003px; float:left; text-align:left;}

/* left sidebar */
#info_request{background:#bdc4e5; width:224px;}
.ir_txt{margin-top:11px; width:177px; border:1px solid #c3c3c3; border-top:0px; background:url('img/ir_bk.gif') top repeat-x #ffffff; font:bold 11px Arial; color:#494d5d; padding:3px 0px 3px 3px}
#info_request textarea{height:100px}
.ir_ptop{margin-top:11px; margin-bottom:11px}

h2, h1 {padding-left:10px; margin:0; font:21px Verdana; color:#444444;line-height: 12px;
	//line-height: normal
}

h2 {
	font-size: 18px;
}

.body_txt h2 {
	padding-left:0px;
}

/*right sidebar*/
#flags{position:absolute; top:4px; right:0px}
/*.green_line{height:2px; overflow:hidden; background:#1e7d6f; width:100%; clear:both; margin-top:10px; margin-bottom:10px}*/
.green_line{height:2px; overflow:hidden; background:#1e7d6f; width:100%; clear:both;  margin-bottom:10px}
.green_line_small{height:1px; overflow:hidden; background:#1e7d6f; width:100%; clear:both; margin-top:10px; margin-bottom:10px}
.news_item{padding:10px; background:#f1f1f1; color:#555555; font:11px Arial; line-height:20px;}

.read_more:link{color:#1e67a7; text-decoration:none; font-weight:bold}
.read_more:visited{color:#1e67a7; text-decoration:none; font-weight:bold}
.read_more:hover{color:#1e67a7; text-decoration:underline; font-weight:bold}
.n_pad{margin-top:10px;}
#links{width:95%; text-align:left}
#links a{font:bold 11px Arial; color:#555555; padding-left:5px; text-decoration:none}
#links a:hover{text-decoration:underline}

/*center body*/
.c_body_pad{margin-left:10px; margin-right:10px;}
.body_txt{margin-left:10px; font:12px Arial; line-height:21px}
#center_body a{color:#1e67a7; text-decoration:none}
#center_body a:hover{text-decoration:underline}
.body_txt_divider{height:20px}
#subscribe{border:1px solid #b1b1b1; padding-top:3px; padding-bottom:3px; height:17px; overflow:hidden; width:450px}
.subscribe_txt{width:177px; border:1px solid #c3c3c3; border-top:0px; background:url('img/ir_bk.gif') top repeat-x #f6f6f6; font:11px Arial; color:#494d5d; position:relative; top:-2px}
a.t_d_n{text-decoration:none !important}

#copyright{font:10px Arial; color:#6679b4; padding-bottom:10px}
#copyright a{color:#6679b4;}
.p_top{margin-top:10px}


#layout-table, #content, .headermenu, .navbar, #footer{
	font:12px Arial;
}

.sideblock .content, .headingblock, h2.headingblock,.categorybox, .categoryboxcontent, .coursebox {
	border: 0;
}

.headingblock, h2.headingblock {
	padding: 0px;
}

body#site-index .headingblock, body#course-view .headingblock {
	margin-bottom: 0;
}

.tech .column_right {
	background-color: #CCC; 
}

body#admin-index .c0, body#admin-blocks table#blocks .r1, body#admin-blocks table#incompatible .r1, table.flexible .r1, #admin-lang .translator tr.r1, #course-view .weekscss .content, table.quizreviewsummary td.cell {
	background-color:#fff;
}

#footer {
	clear: both;
}

.oublog-post h2 {
	font-size: 21px;
}

.oublog-post, .oublog-comment {
	border: 0px;
}/***** transformative/style.css end *****/

/***** transformative/styles_pda.css start *****/

/*  $Id: styles_pda.css,v 1.2 2005/07/14 16:36:07 urs_hunkler Exp $ */

/************************************************* 
***
*** pda
***
**************************************************/

/*************************************************
***
*** This CSS file contains all layout definitions
*** like positioning, floats,
*** margins, padding,
*** borders etc.
***
*** Shortindex:
*** basic and general styles
*** header and footer styles
*** content styles (alphabetically)
*** admin, course, activities, calendar, blocks
*** 
*** Please sort new styles for existing content
*** into the appropriate part of this CSS file.
*** Styles for new Blocks or Activities please
*** place at the end.
*** Wouldn't the alphabetical order be better?
***
**************************************************/
#page,
#content {
  margin:0;
  padding:0
}
p, a, li, dd, dt, pre, code, input, select {
  
}
.content, .topic {
  
}
#header {
  /*height:auto;*/
}
.headermenu {
  clear:left;
  float:none;
  text-align:left;
}

#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column,
#layout-table #middle-column .topics,
#layout-table #middle-column .sections {
/*  width:auto !important;*/
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
/*  border:1px solid #AAA !important */
}
#course-view .headingblock,
#course-view .topics {
  margin-left:0 !important;
  margin-right:0 !important;
/*  border:1px solid #AAA !important;*/
}
#course-view .spacer {
  height:1em !important; 
}
#course-view .topics .left,
#course-view .topics .right {
  width:1.5em;
  border:1px solid #AAA !important;
  vertical-align:top;
}
#course-view .topics .content {
  border:1px solid #AAA !important;
}
.sideblock {
  width:100% !important;
  text-align:left !important;

  line-height:1.3em !important;
}
#left-column .sideblock .header,
#right-column .sideblock .header {
  width:100%;
  margin:0;
  padding:0;
  background:#A00 url(pix/gray.gif) repeat !important;
  height:1.3em !important;
  border:1px solid #AAA !important;
  font-weight:bold;
}
/** {
  border:1px solid #A00 !important 
}*/
.tabs tr,
.tabs td {
  background-image:none !important 
}
.tabs td {
  border:1px solid #AAA !important;
  padding:2px;
  text-align:center;
}
.glossarydisplay {
  width:100%
}
#course-log .r1 td {
  border:1px solid #AAA;
  text-align:left; 
}
.generaltable th,
.generaltable td {
  border:1px solid #AAA !important; 
}/***** transformative/styles_pda.css end *****/