ÿþ/*

CSS for project Transporent



author: Janis Zalitis



Notes:



Please read above before doing ANY changes in CSS file:



Contents:



1.Global styles (attached to certain HTML elements)

2.Layout element styles (attached to certain parts of site layout)

3.Block styles (attached separately to each block)

4.CoolTables



Editing this file:



To search for a style, please first take time to evaluate where it belongs (from contents above).

First three categories are short and easy to search in.

Categories 2 and 3 are attached to file "layouts/main.html", so if you want to find what part of the layout they represent, scan that file.

Category 4 contains entirely from block style definitions, so you cab type the block name youre searching for in the search dialogue and hit "find" to find the definitions of needed block.

AND: always leave a comment saying who did it and when, when changing something!



1.Global

*/

html, body, td, li, span, div, a, input, textarea, select, p

{

    font-family: Verdana, Tahoma, Arial, sans-serif;

    font-size: 8pt;

    color: #000000;

}



table

{

	border-width: 0px;

}



body, form

{

	padding: 0px 0px;

	margin: 0px 0px;

	background-color: #ffffff;



}



input, textarea, select, hr

{

	border-style: solid;

	border-width: 1px;

	border-color: #AEAEAE;

	background-color: #ffffff;

}



b

{

	font-weight: bold;

}



span.asterisk

{

	color: red;

}



.error

{

	color: red;

}



.success

{

	color: gray;

}



.nowr

{

	white-space: nowrap;

}



/*

global form styles

*/

table.formtable

{

	width: 100%;

}



td.formName

{

	text-align: left !important;

	padding: 0px 0px 10px 0px;

}



td.formField

{

	text-align: right;

	padding: 0px 0px 10px 10px;

}



td.formError

{

	color: red;

	text-align: left;

	padding: 10px 0px 0px 0px;

}



.formButton

{

	color: #AEAEAE;

	font-weight: normal;

	text-decoration: underline;

	cursor:pointer;

	cursor:hand;

}



.formICheckbox

{

	border-width: 0px;

}



.formDesc

{

	padding: 0px 0px 10px 0px;

}



.big

{

	font-size: 10pt;

}





/*

links

*/

a.l0, a.l0:visited

{

	color: #000000;

}



.l0sel 

{

	color: #FE0000;

}



a.l0sel

{

	color: #FE0000;

}



a.l1

{

	text-transform: uppercase;

	text-decoration: none;

	color: #000000;

}



a.l1sel

{

	text-transform: uppercase;

	text-decoration: none;

	color: #FE0000;

}



a.l2

{

	color: #000000;

}



a.l2sel

{

	color: #FE0000;

}



/*

2.Layout elements

level 1

*/



table.main

{

	width: 780px;

	margin-top: 20px;

}



td.top

{

	width: 780px;

}



td.left

{

	padding: 15px 0px 0px 15px;

	width: 120px;

	vertical-align: top;

}



td.middle

{

	width: 635px;

	padding: 15px 30px 0px 5px;

	vertical-align: top;

}



td.bottom

{

	width: 780px;

	height: 40px;

	vertical-align: middle;

	padding: 0px 20px 0px 20px;

}



.vFillGray

{

	background-image: url(/pic/fills/v_gray.gif);

	background-repeat: repeat-y;

	vertical-align: top;

}



/*

level 2



head childs

*/

table.headLeft

{

	width: 515px;

	padding-left: 15px;

}



td.menu

{

	vertical-align: bottom;

}



td.logoLeft

{

	vertical-align: bottom;

	text-align: right;

}



td.logoRight

{

	width: 105px;

	vertical-align: bottom;

	text-align: left;

}



td.langs

{

	padding: 0px 0px 3px 0px;

	vertical-align: bottom;

	text-align: right;

	width: 90px;

}



/*

left childs

*/

table.special

{

	width: 100%;

}



table.special td

{

	padding: 0px 0px 10px 0px;

}



/*

3.Block styles



Free Text

*/



table.ftMain

{

	width: 100%;

	vertical-align: top;

	padding-bottom: 15px;

}



td.ftTitle, td.ftTitle p, td.ftTitle p b, td.ftTitle b

{

	font-weight: bold;

	font-size: 9pt;

}



a.ftLink, a.ftLink:active, a.ftLink:hover, a.ftLink:visited

{

	color: #000000;

	text-decoration: underline;

}



.ftRight

{

	text-align: right;

}



/*

Langs

*/

table.lMain

{

	width: 100%;

}



table.lMain td

{

	padding-right: 15px;

}



/*

Search

*/

table.sMain

{

	width: 450px;

}



a.sTitle, a.sTitle:active, a.sTitle:hover, a.sTitle:visited

{

	text-transform: uppercase;

	cursor:pointer;

	cursor:hand;

	text-decoration: none;

	color: #AEAEAE;

}



table.sMain input

{

	width: 100px;

	vertical-align: bottom;

}



.sSearch

{

	padding-left: 5px;

	text-decoration: underline;

	cursor:pointer;

	cursor:hand;

	color: #AEAEAE;

}



.rSearch

{

	text-decoration: none;

	cursor:pointer;

	cursor:hand;

	color: #AEAEAE;

}



/*

Header

*/

table.hMain

{

	text-transform: uppercase;

	font-weight: bold;

	padding: 0px 0px 3px 0px;

	vertical-align: bottom;

}



table.hMain td

{

	padding-right: 25px;

}



table.hMain td a

{

	text-decoration: none;

}



/*

Folder View

*/

td.fw

{

	vertical-align: top;

}



td.l2area

{

	padding: 0px 0px 5px 15px;

}



/*

Site Map

*/

table.smMain

{

	margin-bottom: 15px;

}



td.smTitle

{

	color: #FE0000;

	text-transform: uppercase;

	font-weight: bold;

	padding-bottom: 10px;

}



a.smOne

{

	text-transform: uppercase;

	text-decoration: none;

	font-weight: bold;

	color: #000000;

	padding-left: 15px;

}



a.smTwo

{

	text-transform: uppercase;

	text-decoration: none;

	color: #000000;

	padding-left: 30px;

}



a.smThree

{

	color: #000000;

	padding-left: 35px;

}



/*

Footer

*/

table.fMain

{

	width: 100%;

}



table.fMain td

{

	width: 25%;

}



/*

Banner Static

*/

table.bsMain

{

}



table.bsMain input

{

	border-width: 0px;

}



/*

Question

*/

table.qMain

{

	width: 265px;

	vertical-align: top;

}



table.formTable input

{

	width: 150px;

}



table.formTable textarea

{

	width: 150px;

	height: 100px;

}



/*

News

*/

table.nMain

{

	 width: 100%;

}



td.nTitle

{

	text-transform: uppercase;

	font-weight: bold;

	color: #FE0000;

	padding: 0px 0px 10px 0px;

}



td.nTxt

{

	text-align: justify;

	vertical-align: top;

}



.nLink

{

	text-align: right;

	padding: 5px 0px 15px 0px;

}



/*

Vestkopa

*/

table.vMain

{

	width: 330px;

}



/*

Forma AV

*/

table.favMain

{

	width: 400px;

}



table.favMain td

{

	text-align: right;

	padding-bottom: 10px;

}



table.favMain td select

{

	width: 205px;

}



table.favMain td input, textarea

{

	width: 200px;

}



/*

Forma AT

*/

table.fatMain

{

	width: 335px;

}



table.fatMain td

{

	text-align: right;

	padding-bottom: 10px;

}



table.fatMain td select

{

	width: 205px;

}



table.fatMain td input, textarea

{

	width: 200px;

}



#tdInfo div

{

	text-align: left !important;

	padding: 5px 5px 5px 5px !important;

	border: #AEAEAE 1px solid;

	background-color: #D6D3CE;

	width: 295px;

	float: right;

}



.closeButtons{	

	float: right;

}



td.fatInfo

{

	text-align: right;

	padding: 0px 0px 10px 10px;

}



/*

Forma AN

*/

table.fanMain

{

	width: 400px;

}



table.fanMain td

{

	text-align: right;

	padding-bottom: 10px;

}



td.fanField

{

	text-align: left !important;

	padding-bottom: 10px;

	padding-left: 10px;

}



table.fanMain td select

{

	width: 205px;

}



table.fanMain td input, textarea

{

	width: 200px;

}



table.fanChkTable

{

}



table.fanChkTable td

{

	text-align: left !important;

	padding-right: 1px;

}



table.fanChkTable td input

{

	width: 15px;

	border-width: 0px;

}

.radioTd

{}

.radioTd td

{

	text-align: left !important;

}

.radioTd input

{

	margin: 0px 5px 0px 5px;

	border: 0px !important;

	width: 10px !important;

}

table.fanSelTable td

{

	border-width: 0px;

	padding: 0px 2px;

}



td.fanAster

{

	width: 39%;

	text-align: left !important;

}

td.fanTitle

{

	text-align: left !important;

	font-weight: bold;

	font-size: 9pt;

	text-transform: upapercase;

}

/*

Aptauja

*/

table.aMain

{

	width: 100%;

}



table.aMain td

{

	text-align: left;

}



table.aMain td input

{

	border-width: 0px;

	padding-left: 5px;

}



td.aQuestion

{

	padding: 5px 0px 5px 0px;

}



/*

Auto mekl ana

*/

table.amMain

{

	width: 100%;

}



table.amMain select

{

	width: 150px;

}



/*

	Folder View

*/

table.folderView

{



}



table.folderView td

{

	padding: 0px 0px 5px 0px;

}



/*

4.CoolTables

*/

.ctMain, .ctHeader, .ctEven, .ctOdd { }



table.ctMain

{

	margin-bottom: 15px;

}



table.ctMain td

{

	padding: 5px 4px 5px 4px;

}



table.ctMain a

{

	text-decoration: underline;

	color: #000000;

}



td.ctHeader

{

	color: #FFFFFF;

	background-color: #999999;

	vertical-align: top;

	border-bottom: 1px solid white;

	font-weight: bold;

}



td.ctHeader p

{

	color: #FFFFFF;

	background-color: #999999;

	vertical-align: top;

	font-weight: bold;

}



td.ctHeader a, td.ctHeader p a

{

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #999999;

	vertical-align: top;

	font-weight: bold;

}



td.ctEven, td.ctEven p

{

	background-color: #CCCCCC;

}



td.ctOdd, td.ctOdd p

{

}



//describe table



table.describe

{

	border-style: solid;

	border-width: 1px;

	border-color: #AEAEAE;

	background-color: #ffffff;

}