/* ################################     BENDRI STILIAI     ############################### */

* { padding: 0; margin: 0; }

body
{
    background: #EFF2F6;
    font-family: Verdana;
    color: #666666;
	font-size: 62.5%;
}

a
{
    font-family: Verdana;
    font-size: 1em;
    color: #737549;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a img
{
    border: none;
}

input, select
{
    border: 1px solid #DBD8D8;
    background: url('../image/design/bg.input.gif') no-repeat top left;
    padding: 3px 5px 3px 5px;
    font-family: Verdana;
    font-size: 12px;
    margin-bottom: 10px;
}

input.button
{
    width: 76px;
    height: 30px;
    border: 0px;
/*    background: url('../image/design/bg.button.gif') no-repeat top left;*/
    background: #3994ac;
    border: 1px solid #2d819b;
    padding: 5px 0px 5px 0px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

input.button2
{
    width: 130px;
    height: 30px;
    border: 0px;
    margin-left: 5px;
/*    background: url('../image/design/bg.button2.gif') no-repeat top left;*/
    background: #3994ac;
    border: 1px solid #2d819b;
    padding: 5px 0px 5px 0px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}
/* ####################################################################################### */

#bg
{
    position: relative;
    float: left;
    background: url('../image/design/bg.body.gif') repeat-x top center #FFFFFF;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
#alignment
{
    position: relative;
    width: 940px;
    height: 100%;
    margin: 0 auto;
}

#container
{
    position: relative;
    float: left;
    width: 940px;
    height: 100%;
    margin: 0 auto;
    padding: 0px 0px 35px 0px;
    font-size: 1.2em;
}

/* ####################################################################################### */

#footer
{
    display: none;
}

/* ####################################################################################### */

#header
{
    display: none;
}

/* ####################################################################################### */

#menu
{
    display: none;
}

/* ####################################################################################### */

#content_container
{
    position: relative;
    float: left;
    margin-top: 20px;
    width: 940px;
}

/* ####################################################################################### */

#content_side
{
	display: none;
}


/* ####################################################################################### */

#content_menu
{
    display: none;
}

/* ####################################################################################### */

#content_new
{
    display: none;
}

/* ####################################################################################### */


#content
{
    position: relative;
    float: left;
    width: 650px;
}

#content p
{
	font-size: 1em;
	line-height: 170%;
	padding-bottom: 5px;
}

#content img
{
    position: relative;
    float: left;
}

/* ####################################################################################### */

#content div.pages
{
    position: relative;
    float: right;
    font-size: 12px;
    color: #333333;
    padding: 10px 0px 10px 0px;
}

#content ul.pages
{
    list-style-type: none;
}

#content ul.pages li
{
    float: left;
}

#content ul.pages a
{
    background: none;
    width: 12px;
    height: 12px;
    padding: 2px;
    font-size: 12px;
    color: #737549;
    margin-right: 6px;
}
#content ul.pages a:hover
{
    background: #f0f0f0;
    color: #2d819b;
    text-decoration: none;
}
#content ul.pages a.sel, #content ul.pages a.sel:hover
{
    background: #f0f0f0;
    color: #2d819b;
    text-decoration: none;
}

#content div.blueLine
{
    clear: both;
    border-bottom: 4px solid #2D819B;
}

#content div.title
{
    position: relative;
    float: left;
    height: 40px;
    margin-right: 5px;
    background: url('../image/design/tabBack.gif') repeat-x top left;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
    width: 230px;
    white-space: nowrap;
}

#content div.title span.left
{
    background: url('../image/design/tabLeft.gif') no-repeat;
    float: left;
    width: 12px;
    height: 20px;
}

#content div.title span.right
{
    background: url('../image/design/tabRight.gif') no-repeat top right;
    float: right;
    width: 12px;
    height: 20px;
}

#content div.title span.text
{
    display: block;
    padding: 10px 0px 10px 0px;
}

#content div.textbox
{
    position: relative;
    float: left;
    width: 643px;
    padding: 15px;
    background: url('../image/design/bg.textbox.gif') repeat-x bottom;
    border: 0px;
    margin-bottom: 15px;
    font-family: Verdana;
    font-size: 12px;
    color: #202020;
    line-height: 160%;
}

#content div.textbox ul
{
	padding-top: 10px;
	margin-left: 30px;
	line-height: 180%;
}

#content div.textbox img
{
    position: relative;
    float: right;
    padding: 5px;
    border: 1px solid #E3E3E3;
    margin-left: 15px;
}
#content div.textbox p
{
    width: auto;
    font-size: 12px;
    padding-top: 15px;
}

#content div.textbox h1
{
    font-size: 20px;
    font-weight: normal;
    color: #385E6C;
	padding-bottom: 10px;
}

#content div.textbox h1 a
{
	color: #385E6C;
}

#content div.textbox h2
{
    font-size: 16px;
    font-weight: normal;
	padding-top: 15px;
    padding-bottom: 15px;
	color: #385E6C;
}
#content div.textbox h3
{
    width: auto;
    font-size: 13px;
    color: #25708a;
    font-weight: bold;
    padding-bottom: 15px;
}

#content div.textbox h3.message
{
    text-align: center;
    padding: 0px;
}

#content div.textbox p
{
    padding-top: 5px;
}

#content div.textbox h3.textTitle
{
    padding-top: 15px;
    padding-bottom: 0px;
}

#content div.textbox select, input
{
    width: 270px;
    background: #FFF;
}

#content div.textbox input.cb
{
    width: 15px;
    padding: 0px;
    margin: 0px 5px 0px 0px;
}

#content div.textbox label.check
{
    margin-top: -10px;
    float: none;
}

#content div.textbox textarea
{
    width: 630px;
	padding: 3px;
    border: 1px solid #E3E3E3;
    line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content div.textbox2 textarea
{
    width: 630px;
	padding: 3px;
    border: 1px solid #E3E3E3;
    line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content div.line
{
    border-top: 1px solid #b4d8e2;
    padding-top: 15px;
    padding-bottom: 15px;
}


/* ####################################################################################### */

#tabs
{
   display: none;
}


/* ####################################################################################### */

.kelias
{
    width: 653px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    background: url('../image/design/bg.textbox.gif') repeat-x bottom;
    border: 0px;
    font-weight: bold;
/*    margin-bottom: 15px;*/
}

.path
{
    float: left;
    padding-top: 8px;
    padding-left: 10px;
}

.goBack
{
    display: none;
}


div.inf
{
    position: relative;
    float: left;
    width: 633px;
    padding-top: 10px;
}
div.inf span
{
    position: relative;
    float: left;
    font-size: 12px;
    color: #333333;
    padding-right: 5px;
    font-weight: bold;
}
 div.inf p
{
    position: relative;
    float: left;
    color: #666666;
    text-align: left;
    width: auto;
    padding-right: 15px;
}

/* ####################################################################################### */

.textbox2
{
    position: relative;
    float: left;
    width: 653px;
/*    padding: 15px;*/
    background: url('../image/design/bg.textbox.gif') repeat-x bottom;
    border: 0px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666666;
    line-height: 160%;
}

.textbox2 table
{
    width: 100%;
    margin-bottom: 0px;
    border-collapse: collapse;
}
.textbox2 table th
{
    color: #333333;
    font-size: 13px;
    background: url('../image/design/bg.table1.gif') repeat-x top;
    font-weight: normal;
    padding: 10px 15px;
    border-top: 1px solid #E2E2E2;
}

.textbox2 table td.dark
{
    color: #e4faff;
    font-size: 13px;
    background: #2d819b;
    font-weight: normal;
    padding: 10px 15px;
    border-top: 1px solid #E2E2E2;
    text-align: center;
    font-weight: bold;
}

.textbox2 table td.dark a
{
    color: #c1e5fb;
}

.textbox2 table td
{
	padding: 15px;
    border-top: 1px solid #E2E2E2;
    font-size: 12px;
    color: #333333;
    line-height: 150%;
}

.textbox2 p
{
	position: relative;
	float: left;
}

.textbox2 table td#span
{
    line-height: 200%;
}

.textbox2 table td#span span
{
    font-weight: bold;
    color: #2D819B;
    margin-bottom: 3px;
}

.textbox2 table h1
{
    font-size: 13px;
    color: #2D819B;
}


.textbox2 table h2
{
    width: 633px;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    padding-bottom: 15px;
}

.textbox2 table img
{
    border: 1px solid #2d819b;
}

.textbox2 table h3
{
    width: auto;
    font-size: 13px;
    color: #25708a;
    font-weight: bold;
    padding-bottom: 15px;
}

/* ####################################################################################### */

#pict
{
    position: relative;
    float: left;
    margin: 0px 0px 20px 0px;
}

#login
{
	height: 50px;
	float: right;
}

#login input
{
    position: relative;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    color: #1c5669;
    padding: 3px;
    width: 200px;
	margin-top: 15px;
	margin-right: 10px;
    background: #eff7f9;
	border: 1px solid #2f586e;

}

#login input.button
{
    font-family: Verdana;
    font-size: 12px;
    color: #eff7f9;
    padding: 4px;
    width: 100px;
	margin-top: 10px;
	height: 32px;
    background: #3994ac;
	border: 1px solid #2f586e;
}

/* ####################################################################################### */

#content div.col
{
    position: relative;
    float: left;
    width: 160px;
    padding-bottom: 5px;
}
#content div.col input.cb
{
    position: relative;
    float: left;
    border: none;
    padding: 0px;
    width: 12px;
    margin-top: 0px;
}
#content input.cb
{
    position: relative;
    float: left;
    border: none;
    padding: 0px;
    width: 12px;
    margin-top: 0px;
}

/**********************************************/

#userMenu
{
    display: none;
}

input.red
{
    border: 1px solid #2d819b;
    background: #cbe4eb;
}

textarea.red
{
    border: 1px solid #2d819b;
    background: #cbe4eb;
}

span.errorMessage
{
    font-size: 13px;
    color: #2d819b;
    white-space: nowrap;
    font-weight: bold;
    border: 1px solid #2d819b;
    padding: 5px;
}

#content div.tabContent
{
    padding: 0px;
    width: 340px;
    background: url('../image/design/bg.textbox.gif') repeat-x bottom;
    border: 1px solid #E3E3E3;
    margin-bottom: 15px;
    font-size: 12px;
    color: #202020;
    line-height: 160%;
}

#content div.tabContent table
{
    width: 100%;
    padding: 0px;

}

#content div.tabContent td
{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    border-bottom: 1px solid #E3E3E3;
}


#content div.tabContent h3
{
    width: auto;
    font-size: 14px;
    color: #25708a;
    font-weight: bold;
}

#content div.tabContent h3 a
{
    color: #25708A;
}

#content div.tabTitle
{
    height: 40px;
    background: url('../image/design/tabBack.gif') repeat-x top left;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
    width: 342px;
    white-space: nowrap;
}

#content div.tabTitle span.left
{
    background: url('../image/design/tabLeft.gif') no-repeat;
    float: left;
    width: 12px;
    height: 20px;
}

#content div.tabTitle span.right
{
    background: url('../image/design/tabRight.gif') no-repeat top right;
    float: right;
    width: 12px;
    height: 20px;
}

#content div.tabTitle span.text
{
    display: block;
    padding: 10px 0px 10px 0px;
}

#content div.textbox span.err
{
    margin-right: 20px;
    color: #2d819b;
    font-weight: bold;
    float: right;
}

#content div.textbox label
{
    float: left;
}

.info
{
	float: left;
	width: 620px;
	margin-top: 15px;
	border: 1px solid #87b4c0;
	background: #d8ebf0;
	padding: 15px;
}

.info_index
{
	float: left;
	width: 620px;
	margin-top: 15px;
	border: 1px solid #b4d8e2;
	background: #d8ebf0;
	padding: 15px;
	font-size: 16px;
	color: #1b6079;
}

label.r_off, label.r_on { width: 15px; height: 15px; padding-left: 15px; padding-top: 2px; }
label.r_off input, label.r_on  input { display: none; position: absolute; left: -9999px; }
label.r_off { background: url('/image/design/radio_off.gif'); }
label.r_on  { background: url('/image/design/radio_on.gif'); }