/*----------------------------------------------------------\
 * Copyright (c) www.joomila.ir, All Rights Reserved.
 * @license:  GNU/GPLv3
 * Author:    R.Pournasir (iweb24@yahoo.com)
\----------------------------------------------------------*/
/*@import url(typography.css);*/
pre,.code {
background-color: #ffffdd !important;
border: 1px solid #ccc !important;
border-left-width: 5px !important;
font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
padding: 10px 15px !important;
}
.code-twco {
	font-family: "Courier News",monospace;
	font-size: 1em;
	font-size-adjust:none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 5px 0 15px;
	padding: 10px 15px;
	color: #333;
	background: #e2dfdf;
	border-left: 6px solid #848484;
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484;
	border-right: 1px solid #848484;
}

.box-notice,
.box-success,
.box-error {
border: 3px solid #ddd;
margin: 15px 0;
padding: 10px 10px 10px 40px !important;
}
.box-notice {
background: url(images/box-note.png) no-repeat scroll 10px center #fff6bf;
border: 1px solid #ffd324;
color: #514721;
}
.box-success {
background: url(images/box-success.png) no-repeat scroll 10px center #E6EFC2;
border: 1px solid #C6D880;
color: #264409;
}
.box-error {
background: url(images/box-error.png) no-repeat scroll 10px center #FBE3E4;
border: 1px solid #FBC2C4;
color: #8A1F11;
}
.box-sticky,.box-download,.box-blank,.box-hilite {
border: 1px solid #ddd;
margin: 15px 0;
padding: 10px !important;
}

.box-sticky {
background: url(images/icon-big-sticky.png) no-repeat 10px center #ffffcc;
border: 1px dotted #cc8500;
padding-left: 50px !important;
}
.box-download {
background: url(images/icon-big-download.png) no-repeat 10px center #e9f5fb;
border: 1px dotted #0088cc;
padding-left: 50px !important;
}

.box-hilite 
{
background: #ffffdd;
border-color: #d2d2b6;
}

.legend,.legend-hilite 
{
border: 1px solid #ccc;
margin: 20px 0;
padding: 10px 10px 0;
position: relative;
}
.legend-title
{
background: #fff;
border: 1px solid #ccc;
display: block;
float: right;
font-size: 125%;
font-weight: bolder;
right: 7px;
line-height: 1.2;
margin: 0 !important;
padding: 5px !important;
position: absolute;
top: -15px;
}

.legend-hilite {border: 1px solid #0088cc;}

.legend-hilite .legend-title {border: 1px solid #0088cc;color: #006699;}

.text-shadow-twco{text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}

.button-img:hover {
border-bottom: 0;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-css3 {
border-radius: .5em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
cursor: pointer;
display: inline-block;
font: 12px/100% tahoma, Arial, Helvetica, sans-serif;
margin: 0 2px;
-moz-border-radius: .5em;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
outline: none;
padding: .4em 1.5em .42em;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
vertical-align: baseline;
-webkit-border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.ja-typo-bubblect {
padding: 15px;
border: 3px solid #ddd;
box-shadow: 0 0 3px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

body p.ja-typo-box {border: 3px solid #ddd;padding: 10px 10px 10px 50px;}
body p.box-download,
body p.box-sticky {background-repeat: no-repeat;background-position: 10px 15px;}
body p.box-download {background-image: url(images/download-big.png);}
body p.box-sticky {background-image: url(images/sticky-big.png);}
body p.box-grey-1,
body p.box-hilite-1 {padding: 10px 15px;}
body p.box-grey-1 {background: #f7f7f7;border-color: #dddddd;}
body p.box-hilite-1 {background: #ffffdd;border-color: #d2d2b6;}
body p.box-grey-2,
body p.box-hilite-2 {padding: 10px 15px;}
body p.box-grey-2 {background: #f7f7f7;border-color: #dddddd;border-style: dotted;}
body p.box-hilite-2 {background: #ffffdd;border-color: #d2d2b6;border-style: dotted;}

.box-rounded 
{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0 0 3px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.ja-typo-legend 
{
border: 3px solid #ddd;
margin: 20px 0;
padding: 20px 15px 15px;
position: relative;
}

.legend-title {
background: #fff;
display: block;
float: right;
font-size: 125%;
font-weight: bold;
right: 10px;
line-height: normal;
margin: 0 !important;
padding: 5px !important;
position: absolute;
top: -17px;
border: 0;
}
.legend-2-twco 
{
border: 3px solid #08c; 
color: #08c;
}

.legend-rounded-twco 
{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0 0 3px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
/***Box***/
.zt-box1 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #EAEAEA;
	background: none;
}
.zt-box2 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #EAEAEA;
	background: #F0F0F0;
}
.zt-box3 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #DDDDDD;
}
.zt-box4 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #A1CEE5;
	background: none;
}
.zt-box5 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #9DC9DF;
	background: #E6F7FF;
}
.zt-box6 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #5F95B0;
	background: #A9CEE0;
}
.zt-box7 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #FFE0B0;
	background: none;
}
.zt-box8 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #E8CA9C;
	background: #FFEFD7;
}
.zt-box9 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #D69839;
	background: #F2CD95;
}
/***End Box***/
/***Highlight***/
.highlight {
    padding: 2px 5px;
    color: #3D3D3D;
    background: #ECECEC;
}
.highlight1 {
    padding: 2px 5px;
    text-shadow:none;
    color: #FFFFFF;
    background: #5F95B0;
}
.highlight2 {
    padding: 2px 5px;
    color: #FFFFFF;
    text-shadow:none;
    background: #D69839;
}
.highlight3 {
    padding: 2px 5px;
    color: #FFFFFF;
    text-shadow:none;
    background: #0F0F0F;
}
/***End Highlight***/

/***Table***/
table.table_style_blue, 
table.table_style_green, 
table.table_style_red, 
table.table_style_black, 
table.table_style_yellow
{
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#404040;
width:100%;
}

table.table_style_blue tbody tr, 
table.table_style_green tbody tr, 
table.table_style_red tbody tr, 
table.table_style_black tbody tr, 
table.table_style_yellow tbody tr
{
background:none repeat scroll 0 0 #F2F2F2;
border:1px solid #DDDDDD;
-webkit-transition:all 800ms ease-in-out;
-moz-transition:all 800ms ease-in-out;
-o-transition:all 800ms ease-in-out;
transition:all 800ms ease-in-out;
}

table.table_style_blue tbody tr:hover , 
table.table_style_green tbody tr:hover, 
table.table_style_red tbody tr:hover, 
table.table_style_black tbody tr:hover, 
table.table_style_yellow tbody tr:hover
{
background:none repeat scroll 0 0 #E5E5E5;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
table.table_style_blue tbody tr td, 
table.table_style_green tbody tr td, 
table.table_style_red tbody tr td, 
table.table_style_black tbody tr td, 
table.table_style_yellow tbody tr td 
{
line-height:22px;
padding:5px;
border:1px solid #DDDDDD;
}

table.table_style_blue caption, 
table.table_style_green caption, 
table.table_style_red caption, 
table.table_style_black caption, 
table.table_style_yellow caption
{
color:#FFFFFF;
font-weight:700;
line-height:22px;
text-align:center;
text-transform:uppercase;
}
table.table_style_blue caption 
{ 
background:none repeat scroll 0 0 #3E6A86;
}

table.table_style_green caption 
{ 
background:none repeat scroll 0 0 #b9cd96;
}

table.table_style_red caption 
{ 
background:none repeat scroll 0 0 #AA1428;
}

table.table_style_black caption 
{ 
background:none repeat scroll 0 0 #000000;
}

table.table_style_yellow caption 
{ 
background:none repeat scroll 0 0 #F2F096; 
color:#544C4A;
}

table.table-plainrows {
	background-color: #F2F2F2;
	color: #404040;
	border-collapse: collapse;
}

table.table-plainrows caption {
	padding: 6px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

table.table-plainrows thead {
	border-bottom: solid 1px #284D73;
}

table.table-plainrows thead th {
	padding: 5px 10px;
	background-color: #366999;
	color: #FFFFFF;
	font-size: 1.1em;
	text-transform: capitalize;
}

table.table-plainrows tfoot th, 
table.table-plainrows tfoot td {
	padding: 3px 10px;
	background-color: #D9D9D9;
	color: #000000;
	font-size: 1.1em;
	text-transform: capitalize;
}

table.table-plainrows tfoot td {
	text-align: right;
}

table.table-plainrows tbody th, 
table.table-plainrows tbody td {
	border-bottom: solid 1px #D9D9D9;
	padding: 4px 10px;
}

table.table-plainrows tbody th {
	white-space: nowrap;
}

table.table-plainrows tr.table-tr-odd {
}

table.table-plainrows tbody tr:hover {
	background: #E5E5E5;
}

/* Dark stripes */
table.table-colorstripes {
	border: 1px solid #162C40;
	color: #FFFFFF;
	background: #284D73;
	border-collapse: collapse;
}

table.table-colorstripes caption {
	padding: 6px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

table.table-colorstripes td, 
table.table-colorstripes th {
	border: 1px dashed #366999;
	padding: 5px 10px;
}

table.table-colorstripes thead th {
	border: 1px solid #284D73;
	background: #162C40;
	color: #FFFFFF;
	font-size: 1.1em;
}

table.table-colorstripes tbody th, 
table.table-colorstripes tbody td {
	text-align: left;
	vertical-align: top;
}

table.table-colorstripes tbody tr.table-tr-odd {
	background: #224161;
}

table.table-colorstripes tbody tr:hover {
	background: #1F3D59;
}

table.table-colorstripes tbody tr:hover th, 
table.table-colorstripes tbody tr.table-tr-odd:hover th {
background: #1F3D59;
}

table.table-colorstripes tfoot th, 
table.table-colorstripes tfoot td {
border: none;
padding: 4px 10px;
background: #162C40;
color: #FFFFFF;
font-size: 1.1em;
}

table.table-colorstripes tfoot td {
	text-align: right;
}

/* Light stripes */
table.table-greystripes {
border: 1px solid #D9D9D9;
color: #404040;
background: #FFFFFF;
border-collapse: collapse;
}

table.table-greystripes caption {
padding: 6px 0;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

table.table-greystripes td, table.table-greystripes th {
border: 1px dashed #E5E5E5;
padding: 5px 10px;
}

table.table-greystripes thead th {
border: 1px solid #595959;
border-bottom: 2px solid #000000;
background: #404040;
color: #FFFFFF;
font-size: 1.1em;
}

table.table-greystripes tbody th, 
table.table-greystripes tbody td {
text-align: left;
vertical-align: top;
}

table.table-greystripes tbody tr.table-tr-odd {
background: #F2F2F2;
}

table.table-greystripes tbody tr:hover {
background: #E5E5E5;
}

table.table-greystripes tbody tr:hover th, 
table.table-greystripes tbody tr.table-tr-odd:hover th {
background: #E5E5E5;
}

table.table-greystripes tfoot th, 
table.table-greystripes tfoot td {
border: none;
padding: 4px 10px;
background-color: #D9D9D9;
color: #000000;
font-size: 1.1em;
}

table.table-greystripes tfoot td {
	text-align: right;
}


/***End Table***/

blockquote {
background:none repeat scroll 0 0 #CCCCCC;
border-right:10px solid #8F8F8F;
color:#544C4A;
font:italic 12pt/1.2em Georgia;
margin:10px !important;
padding:10px !important;
text-shadow:1px 1px 1px #ffffff;
width:60%;
border-radius:0 10px 0 10px;
-moz-border-radius:0 10px 0 10px;
-webkit-border:0 10px 0 10px;
}

blockquote p { 
display:inline; 
}

blockquote:after { 
background:none repeat scroll 0 0 transparent !important; 
}

blockquote:before {
content:url("images/blockquotes.png") !important;
background:none repeat scroll 0 0 transparent !important;
margin-left:15px;
vertical-align:super;
position:relative !important;
}
.flashtip-typo, 
.ziptip-typo, 
.pdftip-typo, 
.videotip-typo, 
.infotip-typo, 
.warningtip-typo, 
.filmtip-typo, 
.pintip-typo, 
.lightbulbtip-typo, 
.recycletip-typo, 
.cameratip-typo, 
.commenttip-typo, 
.chattip-typo, 
.documenttip-typo, 
.accessibletip-typo, 
.startip-typo, 
.hearttip-typo, 
.previoustip-typo, 
.carttip-typo, 
.attachmenttip-typo, 
.calculatortip-typo, 
.cuttip-typo,
.dollartip-typo, 
.poundtip-typo, 
.eurotip-typo, 
.mailtip-typo, 
.supporttip-typo, 
.nexttip-typo, 
.soundtip-typo
{ 
color:#444444 !important; 
}

a.flashtip-typo, 
a.ziptip-typo, 
a.pdftip-typo, 
a.videotip-typo, 
a.infotip-typo, 
a.warningtip-typo, 
a.filmtip-typo, 
a.pintip-typo, 
a.lightbulbtip-typo, 
a.recycletip-typo, 
a.cameratip-typo, 
a.commenttip-typo, 
a.chattip-typo, 
a.documenttip-typo, 
a.accessibletip-typo, 
a.startip-typo, 
a.hearttip-typo, 
a.previoustip-typo, 
a.carttip-typo, 
a.attachmenttip-typo, 
a.calculatortip-typo, 
a.cuttip-typo, 
a.dollartip-typo, 
a.poundtip-typo, 
a.eurotip-typo, 
a.mailtip-typo, 
a.supporttip-typo, 
a.nexttip-typo, 
a.soundtip-typo
{ 
color:#095197 !important; 
}

.flashtip-typo, 
.ziptip-typo, 
.pdftip-typo, 
.videotip-typo, 
.infotip-typo, 
.warningtip-typo, 
.filmtip-typo, 
.pintip-typo, 
.lightbulbtip-typo, 
.recycletip-typo, 
.cameratip-typo, 
.commenttip-typo, 
.chattip-typo, 
.documenttip-typo, 
.accessibletip-typo, 
.startip-typo, 
.hearttip-typo, 
.previoustip-typo, 
.carttip-typo, 
.attachmenttip-typo, 
.calculatortip-typo, 
.cuttip-typo, 
.dollartip-typo, 
.poundtip-typo, 
.eurotip-typo, 
.mailtip-typo, 
.supporttip-typo, 
.nexttip-typo, 
.soundtip-typo, 
.download-DOC, 
a.flashtip-typo, 
a.ziptip-typo, 
a.pdftip-typo, 
a.videotip-typo, 
a.infotip-typo, 
a.warningtip-typo, 
a.filmtip-typo, 
a.pintip-typo, 
a.lightbulbtip-typo, 
a.recycletip-typo, 
a.cameratip-typo, 
a.commenttip-typo, 
a.chattip-typo, 
a.documenttip-typo,
a.accessibletip-typo, 
a.startip-typo, 
a.hearttip-typo, 
a.previoustip-typo, 
a.carttip-typo, 
a.attachmenttip-typo, 
a.calculatortip-typo, 
a.cuttip-typo, 
a.dollartip-typo, 
a.poundtip-typo,
a.eurotip-typo, 
a.mailtip-typo, 
a.supporttip-typo, 
a.nexttip-typo, 
a.soundtip-typo
{
display:block;
margin-bottom:20px;
background-color:#FAFAFA !important;
background-position:right center !important;
background-repeat:no-repeat !important;
background-size:28px auto !important;
border-bottom:1px dotted #C8C8C8;
border-top:1px dotted #C8C8C8;
display:block;
margin:10px 0 !important;
padding:7px 35px 7px 10px !important;
-webkit-transition:background-color 800ms ease-in-out;
-moz-transition:background-color 800ms ease-in-out;
-o-transition:background-color 800ms ease-in-out;
transition:background-color 800ms ease-in-out;
text-shadow:1px 1px 1px #ffffff;
font-size:14px;
}

a.flashtip-typo:hover, 
a.ziptip-typo:hover, 
a.pdftip-typo:hover, 
a.videotip-typo:hover, 
a.infotip-typo:hover, 
a.warningtip-typo:hover, 
a.filmtip-typo:hover, 
a.pintip-typo:hover , 
a.lightbulbtip-typo:hover , 
a.recycletip-typo:hover , 
a.cameratip-typo:hover, 
a.commenttip-typo:hover, 
a.chattip-typo:hover, 
a.documenttip-typo:hover, 
a.accessibletip-typo:hover, 
a.startip-typo:hover, 
a.hearttip-typo:hover, 
a.previoustip-typo:hover, 
a.carttip-typo:hover, 
a.attachmenttip-typo:hover, 
a.calculatortip-typo:hover, 
a.cuttip-typo:hover, 
a.dollartip-typo:hover, 
a.poundtip-typo:hover, 
a.eurotip-typo:hover, 
a.mailtip-typo:hover, 
a.supporttip-typo:hover, 
a.nexttip-typo:hover, 
a.soundtip-typo:hover, 
a.download-DOC:hover 
{ 
color:#095197 !important; 
}

.flashtip-typo:hover, 
.ziptip-typo:hover, 
.pdftip-typo:hover, 
.videotip-typo:hover, 
.infotip-typo:hover, 
.warningtip-typo:hover, 
.filmtip-typo:hover, 
.pintip-typo:hover , 
.lightbulbtip-typo:hover , 
.recycletip-typo:hover , 
.cameratip-typo:hover, 
.commenttip-typo:hover, 
.chattip-typo:hover, 
.documenttip-typo:hover, 
.accessibletip-typo:hover, 
.startip-typo:hover, 
.hearttip-typo:hover, 
.previoustip-typo:hover, 
.carttip-typo:hover, 
.attachmenttip-typo:hover, 
.calculatortip-typo:hover, 
.cuttip-typo:hover, 
.dollartip-typo:hover, 
.poundtip-typo:hover, 
.eurotip-typo:hover, 
.mailtip-typo:hover, 
.supporttip-typo:hover, 
.nexttip-typo:hover, 
.soundtip-typo:hover, 
.download-DOC:hover, 
a.flashtip-typo:hover, 
a.ziptip-typo:hover, 
a.pdftip-typo:hover, 
a.videotip-typo:hover, 
a.infotip-typo:hover, 
a.warningtip-typo:hover, 
a.filmtip-typo:hover, 
a.pintip-typo:hover , 
a.lightbulbtip-typo:hover, 
a.recycletip-typo:hover, 
a.cameratip-typo:hover, 
a.commenttip-typo:hover, 
a.chattip-typo:hover, 
a.documenttip-typo:hover, 
a.accessibletip-typo:hover, 
a.startip-typo:hover, 
a.hearttip-typo:hover, 
a.previoustip-typo:hover, 
a.carttip-typo:hover, 
a.attachmenttip-typo:hover, 
a.calculatortip-typo:hover, 
a.cuttip-typo:hover, 
a.dollartip-typo:hover, 
a.poundtip-typo:hover, 
a.eurotip-typo:hover, 
a.mailtip-typo:hover, 
a.supporttip-typo, 
a.nexttip-typo:hover, 
a.soundtip-typo:hover 
{
background-color:#F2F2F2 !important;
-webkit-transition:background-color 400ms ease-in-out;
-moz-transition:background-color 400ms ease-in-out;
-o-transition:background-color 400ms ease-in-out;
transition:background-color 400ms ease-in-out;
background-repeat:no-repeat !important;
}

.flashtip-typo, 
.flashtip-typo:hover, 
a.flashtip-typo:hover 
{ 
background-image:url("images/flash.png")!important
}

.ziptip-typo, 
.ziptip-typo:hover, 
a.ziptip-typo:hover 
{ 
background-image:url("images/zip_download.png")!important;
}
.pdftip-typo, 
.pdftip-typo:hover, 
a.pdftip-typo:hover 
{ 
background-image:url("images/pdf.png")!important;
}

.videotip-typo, 
.videotip-typo:hover, 
a.videotip-typo:hover 
{ 
background-image:url("images/video_clip.png")!important;
}

.infotip-typo, 
.infotip-typo:hover, 
a.infotip-typo:hover 
{ 
background-image:url("images/info.png")!important;
}

.warningtip-typo, 
.warningtip-typo:hover, 
a.warningtip-typo:hover 
{ 
background-image:url("images/warning.png")!important;
}

.filmtip-typo, 
.filmtip-typo:hover, 
a.filmtip-typo:hover 
{ 
background-image:url("images/film.png")!important;
}

.pintip-typo, 
.pintip-typo:hover, 
a.pintip-typo:hover 
{
background-image:url("images/pin.png")!important;
}

.lightbulbtip-typo, 
.lightbulbtip-typo:hover, 
a.lightbulbtip-typo:hover 
{
background-image:url("images/light_bulb.png")!important;
}

.recycletip-typo, 
.recycletip-typo:hover, 
a.recycletip-typo:hover 
{ 
background-image:url("images/recycle.png")!important;
}

.cameratip-typo, 
.cameratip-typo:hover, 
a.cameratip-typo:hover
{ 
background-image:url("images/camera.png")!important;
}

.commenttip-typo, 
.commenttip-typo:hover, 
a.commenttip-typo:hover 
{ 
background-image:url("images/comment.png")!important;
}

.chattip-typo, 
.chattip-typo:hover , 
a.chattip-typo:hover 
{ 
background-image:url("images/chat.png")!important;
}

.documenttip-typo, 
.documenttip-typo:hover, 
a.documenttip-typo:hover 
{ 
background-image:url("images/document.png")!important;
}

.accessibletip-typo, 
.accessibletip-typo:hover, 
a.accessibletip-typo:hover 
{ 
background-image:url("images/accessible.png")!important;
}

.startip-typo, 
.startip-typo:hover , 
a.startip-typo:hover { 
background-image:url("images/star.png")!important;
}

.hearttip-typo, 
.hearttip-typo:hover, 
a.hearttip-typo:hover 
{ 
background-image:url("images/heart.png")!important;
}

.previoustip-typo, 
.previoustip-typo:hover, 
a.previoustip-typo:hover 
{ 
background-image:url("images/previous.png")!important;
}

.carttip-typo, 
.carttip-typo:hover, 
a.carttip-typo:hover 
{ 
background-image:url("images/cart.png")!important;
}

.attachmenttip-typo, 
.attachmenttip-typo:hover, 
a.attachmenttip-typo:hover 
{ 
background-image:url("images/attachment.png")!important;
}

.calculatortip-typo, 
.calculatortip-typo:hover , 
a.calculatortip-typo:hover 
{ 
background-image:url("images/calculator.png")!important;
}

.cuttip-typo, 
.cuttip-typo:hover, 
a.cuttip-typo:hover 
{ 
background-image:url("images/cut.png")!important;
}

.dollartip-typo, 
.dollartip-typo:hover, 
a.dollartip-typo:hover 
{ 
background-image:url("images/dollar_currency_sign.png")!important;
}

.poundtip-typo, 
.poundtip-typo:hover, 
a.poundtip-typo:hover 
{ 
background-image:url("images/sterling_pound_currency_sign.png")!important;
}

.eurotip-typo, 
.eurotip-typo:hover , 
a.eurotip-typo:hover 
{ 
background-image:url("images/euro_currency_sign.png")!important;
}

.mailtip-typo, 
.mailtip-typo:hover , 
a.mailtip-typo:hover 
{ 
background-image:url("images/mail.png")!important;
}

.supporttip-typo, 
.supporttip-typo:hover , 
a.supporttip-typo:hover 
{ 
background-image:url("images/support.png")!important;
}

.nexttip-typo, 
.nexttip-typo:hover, 
a.nexttip-typo:hover 
{ 
background-image:url("images/next.png")!important;
}

.soundtip-typo, 
.soundtip-typo:hover , 
a.soundtip-typo:hover 
{ 
background-image:url("images/sound.png")!important'
} 

span.blue_hlight-typo, 
span.gree_hlight-typo, 
span.red_hlight-typo, 
span.black_hlight-typo, 
span.yell_hlight-typo
{
border-radius:5px 5px 5px 5px;
color:#FFFFFF;
display:inline;
font-weight:bold;
text-shadow:none;
padding:2px 4px;
font-size:13px;
}

span.blue_hlight-typo
{
background:none repeat scroll 0 0 #3E6A86;}

span.gree_hlight-typo
{
background:none repeat scroll 0 0 #b9cd96;}

span.red_hlight-typo
{
background:none repeat scroll 0 0 #AA1428;}

span.black_hlight-typo
{
background:none repeat scroll 0 0 #000000;
}

span.yell_hlight-typo
{
background:none repeat scroll 0 0 #F2F096; 
color:#544C4A;
}

.blubox-typo, 
.grebox-typo, 
.redbox-typo, 
.blabox-typo, 
.yelbox-typo
{
background:none repeat scroll 0 0 #FAFAFA!important;
border-style:solid!important;
border-width:1px 8px 1px 1px!important;
margin:10px 0 20px !important;
padding:8px 20px 8px 8px !important;
-webkit-border-top-right-radius:15px!important;
-webkit-border-bottom-right-radius:15px!important;
-moz-border-radius-topleft:15px!important;
-moz-border-radius-bottomleft:15px!important;
border-top-right-radius:15px!important;
border-bottom-right-radius:15px!important;
color:#444444 !important;
text-shadow:1px 1px 1px #ffffff!important;

}

.blubox-typo
{
border-color:#DDDDDD #3E6A86 #DDDDDD #DDDDDD;
}

.grebox-typo
{
border-color:#DDDDDD #b9cd96 #DDDDDD #DDDDDD;
}

.redbox-typo
{
border-color:#DDDDDD #AA1428 #DDDDDD #DDDDDD;
}

.blabox-typo
{
border-color:#DDDDDD #000000 #DDDDDD #DDDDDD;
}

.yelbox-typo
{
border-color:#DDDDDD #F2F096 #DDDDDD #DDDDDD; 
color:#544C4A;
}

.blubox-typo> br,
.grebox-typo> br,
.redbox-typo> br, 
.blabox-typo> br, 
.yelbox-typo> br 
{
clear:both;
}

.info-typo, 
.warning-typo, 
.film-typo, 
.pin-typo, 
.lightbulb-typo, 
.recycle-typo, 
.camera-typo, 
.comment-typo, 
.chat-typo, 
.document-typo, 
.accessible-typo, 
.star-typo, 
.heart-typo, 
.previous-typo, 
.cart-typo, 
.attachment-typo, 
.calculator-typo, 
.cut-typo, .dollar-typo, 
.pound-typo, 
.euro-typo, 
.mail-typo, 
.support-typo, 
.next-typo, 
.sound-typo, 
.flash-typo, 
.zip-typo, 
.pdf-typo, 
.video-typo
{
display:block;
padding:20px 60px 20px 0 !important;
margin-bottom:20px !important;
background-color:transparent !important;
background-position:right center !important;
background-repeat:no-repeat !important;
}

.info-typo{ background:url("images/info.png")}
.warning-typo{ background:url("images/warning.png")}
.film-typo{ background:url("images/film.png")}
.pin-typo{background:url("images/pin.png")}
.lightbulb-typo{background:url("images/light_bulb.png")}
.recycle-typo{ background:url("images/recycle.png")}
.camera-typo{ background:url("images/camera.png")}
.comment-typo{ background:url("images/comment.png")}
.chat-typo{ background:url("images/chat.png")}
.document-typo{ background:url("images/document.png")}
.accessible-typo{ background:url("images/accessible.png")}
.star-typo{ background:url("images/star.png")}
.heart-typo{ background:url("images/heart.png")}
.previous-typo{ background:url("images/previous.png")}
.cart-typo{ background:url("images/cart.png")}
.attachment-typo{ background:url("images/attachment.png")}
.calculator-typo{ background:url("images/calculator.png")}
.cut-typo{ background:url("images/cut.png")}
.dollar-typo{ background:url("images/dollar_currency_sign.png")}
.pound-typo{ background:url("images/sterling_pound_currency_sign.png")}
.euro-typo{ background:url("images/euro_currency_sign.png")}
.mail-typo{ background:url("images/mail.png")}
.support-typo{ background:url("images/support.png")}
.next-typo{ background:url("images/next.png")}
.sound-typo{ background:url("images/sound.png")}
.flash-typo{ background:url("images/flash.png")}
.zip-typo{ background:url("images/zip_download.png")}
.pdf-typo{ background:url("images/pdf.png")}
.video-typo{ background:url("images/video_clip.png")}
img.caption
 { 
 background-color:inherit; 
 vertical-align:middle;
 }

.img_caption.none 
{ 
margin:0 !important;
} 

.img_caption 
{ 
text-align:center; 
}

img.caption.photo, 
img.caption.photoblack, 
img.caption.photoblue, 
img.caption.photogreen, 
img.caption.photored, 
img.caption.photoyellow 
{ 
background-color:#FFFFFF;
padding:10px 10px 40px;
margin-left:5px;
box-shadow:0 0 3px #000000;
-webkit-box-shadow:0 0 3px #000000;
-moz-box-shadow:0 0 3px #000000;
}

img.caption.photo + p, 
img.caption.photoblack + p, 
img.caption.photoblue + p, 
img.caption.photogreen + p, 
img.caption.photored + p, 
img.caption.photoyellow + p 
{
position:relative; 
right:0px;
bottom:30px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
color:#333333;
margin:0;
font-size:13px;
line-height:18px;
}

img.caption.photoblack + p , 
img.caption.photoblue + p, 
img.caption.photored + p 
{ 
color:#FFFFFF; 
}

img.caption.photoblack { 
background-color:#000000;
}

img.caption.photoblue {
background-color:#3E6A86;
}

img.caption.photogreen{
background-color:#b9cd96;
}

img.caption.photored 
{
background-color:#AA1428;
}

img.caption.photoyellow 
{
background-color:#F2F096;
}

img.typo_img_align_left 
{
float:right; 
margin:3px 0 0 5px;
padding:1px;
}

img.typo_img_align_right 
{
float:left; 
margin:3px 5px 0 0;
padding:1px;
}

img.image_holder 
{
background:none repeat scroll 0 0 #FFFFFF;
border:5px solid #EFEFEF;
margin:3px 0 0 5px;
padding:1px;
}

img.fade_in 
{
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
-webkit-box-shadow:0 0 3px #000000;
-moz-box-shadow:0 0 3px #000000;
box-shadow:0 0 3px #000000;
border:10px solid #FFFFFF;
opacity:0.5;
overflow:hidden;
position:relative;
margin:3px;
cursor:url(images/cursor_zoom.png),auto;
}

img.fade_in:hover 
{
-webkit-box-shadow:0 0 10px #000000;
-moz-box-shadow:0 0 10px #000000;
box-shadow:0 0 10px #000000;
opacity:1;
}

img.zoom
{ 
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
background:none repeat scroll 0 0 #FFFFFF;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
color:#333333;
display:inline;
float:right;
font-size:18px;
padding:10px 10px 15px;
text-align:center;
text-decoration:none;
width:auto;
font-family:serif;
height:100px;
width:auto;
margin:0 0px 27px 20px;
cursor:url(images/cursor_zoom.png),auto;
}

img.zoom:hover {
-moz-transform:scale(1.75);
-webkit-transform:scale(1.75);
-o-transform:scale(1.75);
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
box-shadow:0 3px 6px rgba(0, 0, 0, 0.5); 
position:relative;
z-index:50;
margin:0 80px 27px -60px;
}

img.polaroids_zoom
{
-moz-transform:rotate(-2deg);
-webkit-transform:rotate(2deg); 
-o-transform:rotate(2deg); 
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
background:none repeat scroll 0 0 #FFFFFF;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
color:#333333;
display:inline;
float:right;
font-size:18px;
margin:10px 14px 25px 20px;
padding:10px 10px 15px;
text-align:center;
text-decoration:none;
width:auto;
font-family:serif;
height:100px;
width:auto;
cursor:url(images/cursor_zoom.png),auto;
}

img.polaroids_zoom:hover 
{
-moz-transform:scale(1.30);
-webkit-transform:scale(1.30);
-o-transform:scale(1.30);
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
box-shadow:0 3px 6px rgba(0, 0, 0, 0.5); 
position:relative;
z-index:50;
}

img.screenshot_blue, 
img.screenshot_green , 
img.screenshot_red, 
 img.screenshot_black, 
 img.screenshot_gray, 
 img.screenshot_yellow
 {
 margin:5px 0;
 padding:10px;
 background:#ffffff;
 background:-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
 background:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
 background:-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background:-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background:linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
 opacity:1;
 max-width:85%;
 }
 
 img.screenshot_blue 
 { border:10px solid #3E6A86;
 }
 img.screenshot_green
 { 
 border:10px solid #b9cd96;
 }
 img.screenshot_red
 { 
 border:10px solid #AA1428;
 }
 img.screenshot_black
 { 
 border:10px solid #000000;
 }
 img.screenshot_gray 
 { 
 border:10px solid #F0F0F0;
 }
 img.screenshot_yellow 
 { 
 border:10px solid #EFDE2C;
 } 
 
 div.scroll_box
 {
 margin:5px 0;
 padding:10px;
 background:#ffffff;
 background:-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
 background:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
 background:-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background:-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background:linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
 opacity:1;
 border-right:15px solid ##EDEDED;
 border-top:15px solid #EDEDED;
 height:300px;
 overflow:scroll;
 -webkit-box-shadow:0 1px 1px 0 #E3E3E3 inset, 0 2px 1px 0 #FFFFFF inset, 0 1px 0 0 #E3E3E3;
 box-shadow:0 1px 1px 0 #E3E3E3 inset, 0 2px 1px 0 #FFFFFF inset, 0 1px 0 0 #E3E3E3; 
 }
 div.img_rollover 
 { 
 background-color:transparent;
 }
 div.img_rollover img:first-child 
 { 
 display:block; }
 div.img_rollover img:last-child 
 { 
 display:none; 
 }
div.img_rollover:hover img:first-child 
{ 
display:none; 
}
div.img_rollover:hover img:last-child 
{ 
display:block; 
cursor:pointer; 
}


.row-fluid 
{ 
width:100%; 
}

.row-fluid:after 
{ 
clear:both; 
}

.row-fluid [class*="span"]:first-child 
{
margin-right:0; 
}
.row-fluid .controls-row [class*="span"] + [class*="span"] 
{ 
margin-right:2.12766%; 
}

.row-fluid .span6 
{ 
width:48.9362%; 
}

.row-fluid:before, 
.row-fluid:after 
{
content:"";
display:table;
line-height:0;
}

.row-fluid [class*="span"] 
{
-moz-box-sizing:border-box;
display:block;
float:right;
margin-right:2.12766%;
min-height:30px;
width:100%;
}

a.button-big 
{
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
border-top-right-radius:6px;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topright:6px;
border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-right-radius:6px;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:sans-serif;
font-size:18px;
font-weight:bold;
font-style:normal;
padding:10% 15%;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
text-transform:uppercase;
margin:10px 0;
}

a.button-big:hover {
background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}

a.button-big:active 
{
position:relative;top:1px;
}

.row-fluid .span6 
{
width:48.9362%; 
}

.row-fluid .span4 
{ 
width:31.9149%; 
}

div.row-fluid img.polaroids_zoom 
{
height:auto !important;
max-width:120px;
}

body div.media_embed 
{
position:relative; 
padding-bottom:56.25%; 
padding-top:30px; height:0; 
overflow:hidden; 
max-width:100%; 
height:auto; 
margin-top:15px;
} 

body div.media_embed iframe, 
body div.media_embed object, 
body div.media_embed embed 
{
position:absolute; 
top:0; 
right:0; 
width:100%; 
height:100%; 
}
 
body.typo_ltr div.typo_panel_block div.scroll_box 
{ 
height:25px !important;
} 
 
body.typo_ltr div.typo_panel_block 
{ 
color:#000000; 
}
/* ZooTypo*/
.zt-box-info 
{ 
text-shadow:1px 1px 1px #ffffff;
border-top: solid 1px #d3eaf1;
border-bottom: solid 1px #d3eaf1;
padding: 15px 50px 15px 15px; 
background: #ebf7fb url(images/box-info.png) no-repeat 99% 10px;
}
.zt-box-download 
{ 
text-shadow:1px 1px 1px #ffffff; 
border-top: solid 1px #ace9ed;
border-bottom: solid 1px #ace9ed;
padding: 15px 50px 15px 15px; 
background: #ebfafb url(images/box-download.png) no-repeat 99% 10px;
}
.zt-box-stickynote 
{ 
padding: 15px 50px 15px 15px; 	
background: #fbf8eb url(images/box-stickynote.png) no-repeat 99% 10px; 
text-shadow:1px 1px 1px #ffffff; 
border-top: solid 1px #f1d99a; 
border-bottom: solid 1px #f1d99a; 
}
.zt-box-upload { 
padding: 15px 50px 15px 15px; 
background: #eefbeb url(images/box-upload.png) no-repeat 99% 10px; 
text-shadow:1px 1px 1px #ffffff;
border-top: solid 1px #c2e2a8; 
border-bottom: solid 1px #c2e2a8;
}
.zt-box-warning { 
padding: 15px 50px 15px 15px;  
background: #fbedeb url(images/box-warning.png) no-repeat 99% 10px; 
text-shadow:1px 1px 1px #ffffff; 
border-top: solid 1px #f5c8c1; 
border-bottom: solid 1px #f5c8c1;
}
.success-msg{
-moz-border-radius: 4px;
background-color: rgba(0, 255, 71, 0.22);
color: #FFFFFF;
padding: 8px 32px 10px 10px;
margin: 0px;
text-align: justify;
background-image: url(images/select.png);
background-position: 99% center;
background-repeat: no-repeat;
border-color: #0ABD4A  !important;
border-right: 5px solid;
font-size: 13px;
color: #15A259;
margin-bottom: 6px;
direction: rtl;
}
.error-msg{
-moz-border-radius: 4px;
background-color: rgba(255, 0, 0, 0.16);
color: #FFFFFF;
padding: 8px 32px 10px 10px;
margin: 0px;
text-align: justify;
background-image: url(images/delete.png);
background-position: 99% center;
background-repeat: no-repeat;
border-color: #ED2A2A !important;
border-right: 5px solid;
font-size: 13px;
color: #AF1515;
margin-bottom: 6px;
direction: rtl;
}
.tw_typo_download
{
  background-color: #00aba9;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #086867;
  border-right-color-value: #086867;
  border-bottom-color: #086867;
  border-left-color-value: #086867;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  color: #ffffff;
  text-shadow: #048104;
}
#contactuspage img
{
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#contactuspage img:hover
{
  transform: scale(1.1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.twco-alert-message
{
  position: relative;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-right-color-value: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-left-color-value: rgba(0, 0, 0, 0.1);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
}
.twco-btn.success, .twco-alert-message.success
{
  background-color: #57a957;
  background-repeat: repeat-x;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  border-top-color: rgba(0, 0, 0, 0.1);
  border-right-color-value: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-left-color-value: rgba(0, 0, 0, 0.1);
}
.twco-alert-message.twco-block-message
{
  background-image: none;
  background-color: #fdf5d9;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-color: #fceec1;
  border-right-color-value: #fceec1;
  border-bottom-color: #fceec1;
  border-left-color-value: #fceec1;
  box-shadow: none;
}
.twco-form-wrapper
{
  background-color: #f1f1f1;
  border-top-color: #cccccc;
  border-right-color-value: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color-value: #cccccc;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.twco-btn
{
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: #ffffff;
  padding-top: 5px;
  padding-right: 14px;
  padding-bottom: 6px;
  padding-left: 14px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
  color: #333333;
  font-size: 13px;
  line-height: normal;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #cccccc;
  border-right-color-value: #cccccc;
  border-left-color-value: #cccccc;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-bottom-color: #bbbbbb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
.twco-btn:hover
{
  background-position: 0px -15px;
  color: #333333;
  text-decoration-line: none;
  text-decoration-style: solid;
}
.twco-val-success
{
  background-color: #f4fcee;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 2px;
  border-right-width-value: 2px;
  border-bottom-width: 2px;
  border-left-width-value: 2px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #91e458;
  border-right-color-value: #91e458;
  border-bottom-color: #91e458;
  border-left-color-value: #91e458;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}
#giraffe-bag
{
  background-color: transparent;
  background-image: url("images/bag-giraffe.png");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}
#imgur-birthday .birthday-bag
{
  width: 150px;
  height: 172px;
  margin-top: 65px;
  margin-right: 17px;
  margin-bottom: 65px;
  margin-left: 17px;
  float: left;
  cursor: pointer;
  background-size: contain;
  position: relative;
  z-index: 1;
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.birthday-bag:hover
{
  animation-duration: 0.2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-name: shake;
}

/* LAYOUT */
.clear { clear:both; }
.dspace10 { margin:0 0 10px 0; padding:0; }

/* TABLE LIST */
div.twco_tbl_wrapper { 
margin:0; 
padding:4px; 
border:1px solid #ddd; 
background-color:#fff; 
}
table.twco_tbl_list { 
margin:0; 
padding:0; 
width:100%; 
border:1px solid #e0e0e0; 
background-color:#fff; 
border-collapse:collapse; 
}
table.twco_tbl_list tr th, 
table.twco_tbl_list tr th.twco_th_center {
padding:6px 4px; color:#fff; 
font:bold 12px/16px tahoma, verdana, sans-serif; 
text-align:right; 
border:none; 
background-color:#3a6184;
}
table.twco_tbl_list tr th.twco_th_center { text-align: center; }
table.twco_tbl_list tr th.twco_th_sub, 
table.twco_tbl_list tr th.twco_th_subcenter, 
table.twco_tbl_list tr th.twco_th_subcur {
padding:3px 2px; color:#222; 
font:normal 12px/16px tahoma, verdana, sans-serif;
text-align:right; 
border:none; 
background-image:none; 
background-color:#b8d9f8;
}
table.twco_tbl_list tr th.twco_th_subcenter { text-align:center; }
table.twco_tbl_list tr th.twco_th_subcur { background-color:#f9fbc1; }
th.twco_th_sub a, th.twco_th_subcenter a { color:#fff; text-decoration:none; }
th.twco_th_sub a:hover, 
th.twco_th_subcenter a:hover { color:#3a6184; }
th.twco_th_subcur a { color:#3a6184; text-decoration:none; }
th.twco_th_subcur a:hover { color:#ff9900; }
table.twco_tbl_list tr td, 
table.twco_tbl_list tr td.twco_td_center {
padding:4px; 
background-color:#efefef; 
color:#000; 
font:normal 12px/16px tahoma, verdana, sans-serif; 
text-align:right; 
border:1px solid #dadada;
}
table.twco_tbl_list tr td.twco_td_center { text-align:center; }
table.twco_tbl_list tr.twco_tr0 td, 
table.twco_tbl_list tr.twco_tr0 td.twco_td_center {
padding:4px; 
background-color:#f5f5f5; 
color:#000; 
font:normal 12px/16px tahoma, verdana, sans-serif; 
text-align:right; 
border:1px solid #dadada;
}
table.twco_tbl_list tr.twco_tr0 td.twco_td_center { text-align:center; }
table.twco_tbl_list tr.twco_tr1 td, 
table.twco_tbl_list tr.twco_tr1 td.twco_td_center {
padding:4px; 
background-color:#efefef; color:#000; 
font:normal 12px/16px tahoma, verdana, sans-serif; 
text-align:right; 
border:1px solid #dadada;
}
table.twco_tbl_list tr.twco_tr1 td.twco_td_center { text-align:center; }
table.twco_tbl_list tr.twco_trx td, 
table.twco_tbl_list tr.twco_trx td.twco_td_center {
padding:4px; 
background-color:#fde5e5; color:#000; 
font:normal 12px/16px tahoma, verdana, sans-serif; 
text-align:right; 
border:1px solid #dadada;
}
table.twco_tbl_list tr.twco_trx td.twco_td_center { text-align:center; }
table.twco_tbl_list tr.twco_tr0:hover td, table.twco_tbl_list tr.twco_tr1:hover td { background-color:#fff; }
table.twco_tbl_list tr.twco_trx:hover td { background-color:#f9fbc1; }

/******************* XML parameters table **********************/
a.twco_params_group, 
a.twco_params_group:hover, 
a.twco_params_group:link, 
a.twco_params_group:visited, 
a.twco_params_group:active {
display:block; 
margin:4px 0 0 0; 
padding:2px 16px 2px 2px; 
color:#006fac; 
font:normal 14px/18px tahoma, verdana, sans-serif;
text-align:right; 
text-decoration:none; 
background:transparent url(images/minus.png) 100% 6px no-repeat;
}
a.twco_params_group:hover { color:#000; }
a.twco_params_group_collapsed, 
a.twco_params_group_collapsed:hover, 
a.twco_params_group_collapsed:link, 
a.twco_params_group_collapsed:visited, 
a.twco_params_group_collapsed:active {
display:block; 
margin:4px 0 4px 0; 
padding:2px 16px 2px 2px; 
color:#006fac; 
font:normal 14px/18px tahoma, verdana, sans-serif;
text-align:right; 
text-decoration:none; 
background:transparent url(images/plus.png) 100% 6px no-repeat;
}
a.twco_params_group_collapsed:hover { color:#000; }
table.twco_tbl_params { 
margin:0; 
padding:0; 
width:100%; 
border:none; 
background-color:transparent; 
border-collapse:collapse; 
}
table.twco_tbl_params tr td {
padding:6px; 
background-color:#f8f8f8; 
color:#333; 
font:normal 13px/16px Arial, Helvetica, sans-serif; 
text-align:right;
border:none; 
border-top:1px solid #e1e1e1; 
border-bottom:1px solid #e1e1e1; 
vertical-align:top;
}
table.twco_tbl_params tr td.twco_param_title {
width:200px; 
background-color:#f8f8f8; 
padding:6px 17px 6px 6px; 
background:#f8f8f8 url(images/arrow-rtl.png) 100% 8px no-repeat;
font:bold 13px/16px tahoma, Arial, Helvetica, sans-serif; 
color:#333; border:none; 
border-top:1px solid #e1e1e1; 
border-bottom:1px solid #e1e1e1;
}
table.twco_tbl_params tr:hover td { background-color:#fdfdfd; }
span.twco_param_desc {
margin:0; 
padding:0 14px 0 0; 
font:normal 12px/15px Arial, Helvetica, sans-serif; 
color:#555;
background:transparent url(images/info.png) 100% 2px no-repeat;
}

/******************* message boxes **********************/
.twco_info, .twco_error, .twco_warning, .twco_success {
margin:10px 0; 
padding:8px 34px 8px 8px; 
font:normal 13px/16px Arial, Helvetica, sans-serif; 
color:#034a89; border:1px solid #9ccce3;
background:#dbf1fb url(images/info.png) 99.5% center no-repeat; 
text-align:right;
}
.twco_error { color:#be4444; border:1px solid #f4bebe; background:#feeaea url(images/error.png) 99.5% center no-repeat; }
.twco_warning { color:#cf741c; border:1px solid #fde791; background:#fbfae0 url(images/warning.png) 99.5% center no-repeat; }
.twco_success { color:#506d12; border:1px solid #c1e07e; background:#ebfcc6 url(images/success.png) 99.5% center no-repeat; }
.twco_info a, .twco_error a, .twco_warning a, .twco_success a {
font:normal 13px/16px Arial, Helvetica, sans-serif; 
color:#444; 
text-decoration:none; 
background-image:none;
}
.twco_info a:hover, .twco_error a:hover, .twco_warning a:hover, .twco_success a:hover { text-decoration:underline; }
.twco_textblock {
margin:10px 0; 
padding:8px; 
font:normal 13px/16px "Courier New", Courier, monospace; 
color:#333; border:3px double #ccc; 
background-color:#f2f2f2; 
word-wrap:break-word;
}
.twco_textblock a { font:normal 13px/16px "Courier New", Courier, monospace; color:#ff6600; text-decoration:none; background-image:none; }
.twco_textblock a:hover { text-decoration:underline; }
.twco_sminfo { margin:5px 5px 5px 10px; padding:2px 20px 2px 2px; color:#3876C6; background:url(images/info.png) no-repeat 100% 50%; }
.twco_sminfo a { color:#365675; }
.twco_smerror { margin:5px 5px 5px 10px; padding:2px 20px 2px 2px; color:#BF2C11; background:url(images/error.png) no-repeat 100% 50%; }
.twco_smerror a { color:#782618; }
.twco_smwarning { margin:5px 5px 5px 10px; padding:2px 20px 2px 2px; color:#D06900; background:url(images/warning.png) no-repeat 100% 50%; }
.twco_smwarning a { color:#86360b; }
.twco_smsuccess { margin:5px 5px 5px 10px; padding:2px 20px 2px 2px; color:#658C2C; background:url(images/tick.png) no-repeat 100% 50%; }
.twco_smsuccess a { color:#34461a; }

/************** debug module positions *******************/
div.twco_moduledebug {
margin:2px; 
padding:8px; 
border:1px solid #9ccce3; 
background-color:#dbf1fb;
font:normal 13px/16px Arial, Helvetica, sans-serif; 
color:#034a89; 
direction:ltr; 
text-align:left;
}
div.twco_moduledebug:hover { 
color:#cf741c; 
border:1px solid #fde791; 
background-color:#fbfae0; 
}
div.twco_moduledebug span { 
color:#5c96c9; 
direction:ltr; 
text-align:left; 
}

/****************** Twco form ******************************/
.twco_form { margin:0; padding:0; border:0; }
fieldset.twco_form_fieldset { margin:0; padding:8px; border:1px solid #ccc; }
legend.twco_form_legend { 
margin:0; 
padding:0 10px; 
color:#888; 
font:normal 12px/15px Verdana, Helvetica, sans-serif; 
}
div.twco_form_row { margin:0 0 10px 0; padding:0; clear:both; }
div.twco_form_cell { float:right; margin:0; padding:0; }
label.twco_form_label { margin:0; padding:0 0 0 0; display:block; float:right; width:180px; }
div.twco_form_nolabel { margin:0; padding:0 0 0 0; float:right; width:180px; }
label.twco_form_label_top { margin:0 0 3px 0; padding:0; display:block; float:none; width:100%; }
label.twco_form_label_option { margin:0; padding:2px 0 0 0; display:inline; }
label.twco_form_label_option:hover {cursor:pointer; }
div.twco_form_field_box { margin:0 180px 0 0; padding:0; }
span.twco_form_tip { 
margin:0; 
padding:0 3px; 
font:normal 12px/15px Arial, Helvetica, sans-serif; 
color:#666; 
}
.inputbox, .filebox, 
.selectbox, 
.elxcolorpicker {	
margin:0; 
padding:2px 3px; 
background-color:#FFFFFF; 
font:normal 12px/16px Tahoma, Verdana, sans-serif; 
color:#000; 
border:1px solid #bbb; 
}
.readonly { background-color:#f2f2f2; color:#777; }
.selectbox optgroup { font-weight:bold; }
.elxcolorpicker { width:70px; }
textarea.textbox { 
margin:0; padding:2px 3px; 
background-color:#FFFFFF; 
font:normal 12px/16px Tahoma, Verdana, sans-serif; 
color:#000; 
border:1px solid #bbb; 
}
button.elxbutton {}
button.elxbutton-save {}
button.elxbutton-search {}
a.twco_suggest, 
a.twco_suggest:link, 
a.twco_suggest:active, 
a.twco_suggest:hover, 
a.twco_suggest:visited {
text-decoration:none; color:#578BBF; padding:0 18px 0 0; margin:0 0 0 20px;
background:transparent url(images/gear.png) top right no-repeat;
}
a.twco_suggest:hover { color:#000; }
a.twco_validate, 
a.twco_validate:link, 
a.twco_validate:active, 
a.twco_validate:hover, 
a.twco_validate:visited {
text-decoration:none; 
color:#578BBF; 
padding:0 18px 0 0; 
margin:0 0 0 20px;
background:transparent url(images/validation.png) top right no-repeat;
}
a.twco_validate:hover { color:#000; }
img.twco_thumb { margin:4px; padding:2px; border:1px solid #bbb; background-color:#fff; }
img.twco_thumb:hover { 
border:1px solid #666; 
-moz-box-shadow:3px 3px 4px #999; 
-webkit-box-shadow:3px 3px 4px #999; 
box-shadow:3px 3px 4px #999; 
}

/****************** navigation links ******************************/
.twco_navigation { margin:10px 0; }
span.twco_nav_page { color:#666; }
span.twco_nav_space { padding:0 10px; color:#666; }
a.twco_nav_link, 
a.twco_nav_link_active, 
a.twco_nav_link:visited, 
a.twco_nav_link_active:visited, 
a.twco_nav_link:hover, 
a.twco_nav_link_active:hover {padding:0 5px; text-decoration:none;}
a.twco_nav_link_active, 
a.twco_nav_link_active:hover, 
a.twco_nav_link_active:visited { font-weight:bold; }

/****************** bottom links (com_user) ***************************/
.twco_user_bottom_links { margin:15px 0; text-align:center; }
.twco_user_bottom_links a { margin:0 0 0 20px; }
.twco_user_links { margin:10px 0 15px 0; }
.twco_user_links a { margin:0 0 0 20px; }
.twco_uc_langs { margin: 1em 0; padding:0; list-style:none; text-indent:0; }
.twco_uc_langs li { margin:0 0 5px 1%; padding:0; list-style:none; float:right; width:32%; }

/****************** table list & member profile *******************************/
div.twco_profile_summary { margin:0 0 15px 0; padding:6px; background-color:#ebf6fb; border:1px solid #ddeef6; }
div.twco_profile_details { margin:10px 0; padding:0; }
ul.twco_ulist { margin:0; text-indent:0; padding-right:0; list-style:none; }
ul.twco_ulist li { list-style-type:none; margin:0; padding:3px 0; }
ul.twco_ulist li div.twco_column1 { margin:0; padding:0; width:180px; float:right; }
ul.twco_ulist li div.twco_column2 { margin:0; padding:0 180px 0 0; }
div.twco_profile_details li { border-bottom:1px dotted #ddd; }
div.twco_profile_details li:hover { background-color:#f8f8f8; }
span.twco_user_small { font-size:12px; color:#666; }
div.twco_avatar_box { margin:0; padding:0; width:100px; float:right; }
div.twco_avatar_box img { margin:0; padding:0; border:none; }
/** twitter **/
div.twco_profile_twitter { margin:15px 0; padding:0; }
div.twco_profile_twitter_user { background-color:#f8f8f8; margin:0 0 10px 0; padding:5px 0; border-bottom:1px dotted #ddd; }
div.twco_profile_twitter_summary { margin:0; padding:0 70px 0 0; }
div.twco_profile_twitter li { margin:0; padding:6px 0; border-bottom:1px dotted #ddd; }
.twco_twitter_avatar { margin:0; width:60px; float:right; text-align:center; }
.twco_twitter_avatar img { border:none; width:48px; height:48px; padding:2px; border:1px solid #ddd; }
.twco_twitter_message { margin:0; padding:0 70px 0 0; }
.twco_twitter_message p { margin:0 0 4px 0; padding:0; }

/****************** pathway ******************************/
div.twco_pathway { margin:0; padding:0; }
span.twco_pathway_here { padding:0 0 0 6px; font-size:0.92em; color:#666; float:right; }
span.pathway_text { font-size:0.92em; color:#000; margin:0 0 0 10px; padding:0; }
a.pathway { font-size:0.92em; text-decoration:none; margin:0 0 0 10px; padding:0; }

/**************** category page **************************/
div.twco_category_page { margin:0; padding:0; }
div.twco_category_summary { margin:0 0 15px 0; padding:0; }
img.twco_category_image { margin:0 0 0 6px; padding:2px; border:1px solid #ddd; float:right; }
ul.twco_subcategories { margin:0; text-indent:0; padding-right:0; list-style:none; }
ul.twco_subcategories li { list-style-type:none; margin:0; padding:2px 0; }
div.twco_cols_wrapper { margin:0; padding:0; clear:right; width:100%; overflow:hidden; }
div.twco_2columns { margin:0; padding:0; width:50%; float:right; }
div.twco_3columns { margin:0; padding:0; width:33.3%; float:right; }
div.twco_4columns { margin:0; padding:0; width:25%; float:right; }
div.twco_2spcolumns { margin:0 0 0 1%; padding:0; width:49%; float:right; }
div.twco_3spcolumns { margin:0 0 0 1%; padding:0; width:32.3%; float:right; }
div.twco_4spcolumns { margin:0 0 0 1%; padding:0; width:24%; float:right; }
div.twco_featured_box,
article.twco_featured_box, 
div.twco_short_box, 
article.twco_short_box { margin:0 0 30px 0; padding:0; }
div.twco_dateauthor { font-size:0.92em; }
div.twco_content_imagebox { margin:0; padding:0; text-align:center; }
div.twco_content_imagebox img { border:1px solid #ddd; margin:2px; padding:2px; background-color:#fff; }
div.twco_content_imagebox div { margin:0; font-size:0.92em; color:#666; }
div.twco_category_featured_inner { margin:2px 0 0 0; padding:0; }
p.twco_content_subtitle { margin:0 0 15px 0; padding:0; font-weight:bold; }
p.twco_content_short { margin:0 0 10px 0; padding:0; text-align:justify; }
ul.twco_links_box { margin:0; text-indent:0; padding-right:0; list-style:none; }
ul.twco_links_box li { list-style-type:none; margin:0; padding:2px 0; }
.twco_datetime .day, 
.twco_datetime .wday, 
.twco_datetime .time, 
.twco_datetime .month, 
.twco_datetime .year { padding-left:3px; }

/**************** article page **************************/
div.twco_article_page { margin:0; padding:0; }
div.twco_tags_box { margin:15px 0; padding:0; }
div.twco_tags_box span { font-weight:bold; padding:0 0 0 10px; }
div.twco_tags_box a { padding:0 0 0 10px; }
div.twco_hits_box { margin:10px 0; padding:0; }
div.twco_hits_box span { font-weight:bold; }
.twco_article_header, .twco_category_header { margin:0; padding:0; position:relative; }
div.twco_content_icons { margin:0; padding:0; position:absolute; top:0; left:0; width:50px; text-align:left; }
div.twco_content_icon { display:inline; margin:0 2px; padding:0; }
/* chained articles */
.twco_chain_previous { margin:0 0 0 5px; padding:4px; text-align:right; }
.twco_chain_next { margin:0 5px 0 0; padding:4px; text-align:left; }
.twco_chain_previous .twco_chain_title { margin:0 0 0 3px; padding:0; text-align:right; color:#666; }
.twco_chain_next .twco_chain_title { margin:0 3px 0 0; padding:0; text-align:left; color:#666; }
.twco_chain_previous img { margin:0 0 0 3px; padding:2px; float:right; border:1px solid #ddd; background-color:#fff; }
.twco_chain_next img { margin:0 3px 0 0; padding:2px; float:left; border:1px solid #ddd; background-color:#fff; }
.twco_chain_previous a, .twco_chain_next a { font-weight:bold; }
/* comments */
ul.twco_comments_box { margin:0 0 25px 0; text-indent:0; padding:0; list-style:none; }
ul.twco_comments_box li { list-style-type:none; margin:0 0 15px 0; padding:2px 0; border:none; }
img.twco_comment_avatar { margin:0; padding:2px; border:1px solid #CCC; }
div.twco_comment_actions { margin:4px 0; }
div.twco_comment_actions img { border:none; padding:0; margin:0 0 0 2px; }
div.twco_comment_author { float:right; width:60%; font:bold 12px/15px tahoma,verdana, serif; color:#666; }
div.twco_comment_date, 
time.twco_comment_date { 
display:block; 
float:left; 
width:38%; 
font:normal 12px/15px tahoma,verdana, serif; 
color:#666; 
text-align:left; 
}
div.twco_comment_message, div.twco_comment_message_unpub { 
text-align:justify; 
padding:4px 2px 4px 2px; 
color:#000; 
}
div.twco_comment_message_unpub { color:#666; }
ul.twco_stdul { margin:5px 0; padding:0 30px 0 0; list-style-type:disc; }
ul.twco_stdul li { list-style-type:disc; margin:0; padding:2px 0; border:none; text-indent:0; }
ol.twco_stdol { margin:5px 0; padding:0 30px 0 0; list-style-type:decimal; }
ol.twco_stdol li { list-style-type:decimal; margin:0; padding:2px 0; border:none; text-indent:0; }

/**************** tags page **************************/
div.twco_tags_page { margin:0; padding:0; }
/**************** rss/atom feeds page **************************/
div.twco_feeds_page { margin:0; padding:0; }
table.twco_feeds_tbl { 
margin:15px 0 30px 0; 
padding:0; 
border:none; 
width:100%; 
}
table.twco_feeds_tbl td { 
margin:0; 
padding:2px; 
border:none; 
vertical-align:middle; 
border-bottom:1px dashed #d0d0d0; 
}
table.twco_feeds_tbl td h3 { 
margin:0; 
padding:0; 
font:bold 14px/18px Arial, Helvetica, sans-serif; 
color:#2d659b; 
text-decoration:none; 
}
table.twco_feeds_tbl td span { 
font:normal 12px/15px Arial, Helvetica, sans-serif; 
color:#555; 
}
/*************** back link ******************************/
.twco_back{}

/**************** component search **************************/
.twco_engines_box { 
margin:5px 0 10px 0; 
padding:0; 
font:normal 12px/16px tahoma, verdana, serif; 
color:#666; 
}
.twco_engines_box span { 
color:#666; 
padding:0 0 0 10px; 
}
span.twco_engine_current { 
color:#333; 
font-weight:bold; 
padding:0 0 0 7px; 
}
.twco_engines_box a { 
margin:0 0 0 7px; 
}
.twco_search_summary { 
margin:5px 0 10px 0; 
padding:0; 
font:normal 12px/16px tahoma, verdana, serif; 
color:#444; 
}

/**************** module search **************************/
.twco_modsearchform, form.twco_modsearchform { 
margin:0; padding:5px 10px; 
display:inline-block; 
font:normal 14px/16px tahoma, helvetica, sans-serif; 
color:#333; 
background-color:#FFFFFF; 
border:1px solid #D2D2D2;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}
select.twco_modsearch_eng { 
border:none; 
display:block; 
margin:0 0 0 3px; 
padding:3px 24px 3px 0; 
width:19px; height:22px; 
font:normal 16px/16px tahoma, helvetica, sans-serif; 
background-color:transparent; 
cursor:pointer; 
border-collapse:collapse; 
border-radius:0px; 
background:transparent url(images/arrow_down16.png) 99% 3px no-repeat; 
display:block; 
float:right; 
-webkit-appearance:none; 
-moz-appearance:none; 
appearance:none;
}
select.twco_modsearch_eng option {
margin:0; 
padding:3px 3px 3px 3px; 
text-align:left; 
font:normal 14px/16px tahoma, helvetica, sans-serif; 
color:#555; border:none; border-radius:0px; 
background:#FFF;
}
select.twco_modsearch_eng:hover, 
select.twco_modsearch_eng:focus { 
background-color:transparent; 
color:#000; 
}
select.twco_modsearch_eng option:hover, 
select.twco_modsearch_eng option:focus { 
background-color:#FFF; 
color:#000; 
}
input.twco_modsearch_input, 
input.twco_modsearch_input:focus, 
input.twco_modsearch_input:hover {
margin:0; 
padding:2px 8px; 
font:normal 14px/16px tahoma, arial, helvetica, sans-serif; 
color:#333; 
border:1px solid #D2D2D2; 
border-radius:0px; 
background-color:#FFFFFF; 
box-shadow:none; 
width:100px; 
display:block; 
float:right;
}
button.twco_modsearch_btn, 
button.twco_modsearch_btn:hover, 
button.twco_modsearch_btn:focus {
margin:0 4px 0 0; 
padding:2px 4px; 
border:1px solid #666666; 
font:normal 13px/16px tahoma, arial, helvetica, sans-serif; 
color:#FFFFFF; 
text-decoration:none; 
cursor:pointer; 
outline:none; 
background:#777777; 
text-shadow:none;	
box-shadow:none; 
float:right; width:auto;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border-radius:3px; 
-moz-box-shadow:inset 0px 1px 0px 0px #CCCCCC; 
-webkit-box-shadow:inset 0px 1px 0px 0px #CCCCCC; 
box-shadow:inset 0px 1px 0px 0px #CCCCCC;
}
button.twco_modsearch_btn:hover, 
button.twco_modsearch_btn:focus {
border:1px solid #444444; 
color:#FFFFFF; 
background:#555555; 
-moz-box-shadow:inset 0px 1px 0px 0px #AAAAAA; 
-webkit-box-shadow:inset 0px 1px 0px 0px #AAAAAA; 
box-shadow:inset 0px 1px 0px 0px #AAAAAA;
}

/**************** module login **************************/
.modlogin_wrapper { 
margin:0; padding:0; 
clear:both; 
display:block; 
}
.modlogin_pretext, 
.modlogin_posttext { 
margin:0 0 4px 0; 
padding:0; 
}
.modlogin_pretext p, 
.modlogin_posttext p { 
margin:0; padding:0; 
}
.modlogin_wrapper form { 
margin:0 0 5px 0; 
padding:0; 
}
.modlogin_uname_row, 
.modlogin_pword_row, 
.modlogin_remember_row { 
margin:0 0 4px 0; 
padding:0; 
}
.modlogin_uname_row label, 
.modlogin_pword_row label, 
.modlogin_remember_row label { 
display:block; 
width:100px; 
float:right; 
margin:0; 
padding:0; 
}
.modlogin_horizontal { margin:0 0 3px 0; padding:0; }
.modlogin_linksbox { margin:0 0 5px 0; padding:0; }
.modlogin_linksbox a { display:block; }
.modlogin_linksboxhor { margin:0; padding:0; }
a.modlogin_profile, a.modlogin_logout { display:block; }
.modlogin_authbox { margin:0 0 5px 0; padding:0; }
.modlogin_authbox p { margin:0 0 5px 0; padding:0; }
.modlogin_horizontal .modlogin_authbox { margin:0; padding:0; display:inline; }
.modlogin_horizontal .modlogin_authbox img { vertical-align:middle; }
.modlogin_group, .modlogin_online, .modlogin_method { font-size:0.92em; color:#444; display:block; }

/**************** module & plugin gallery **************************/
.mod_gallery_box { text-align:center; }
.mod_gallery_box p { text-align:center; }
.mod_gallery_box img, .mod_gallery_box a img { 
border:1px solid #ccc; 
padding:3px; 
margin:0 0 5px 5px; 
background-color:#ffffff; 
}
.mod_gallery_more { margin:5px 0 0 0; }
.plug_gallery_box { margin:5px 0; padding:0; }
.plug_gallery_box img { 
background-color:#fff; 
border:1px solid #ccc; 
margin:0 0 5px 5px; 
padding:2px; 
}

/**************** module whosonline **************************/
.whoisonline { margin:0; padding:0; }
.whoisonline p { margin:0; padding:0; }
.whoisonline_thumbs { margin:10px 0 0 0; padding:0; }
.whoisonline_thumbs a { text-decoration:none; }
.whoisonline_thumbs img, .whoisonline_thumbs a img { 
border:1px solid #ccc; 
padding:3px; 
margin:0 0 5px 5px; 
background-color:#ffffff; 
}

/**************** accordion **************************/
ul.twco_accordion {
margin:0; 
padding:0; 
width:100%; 
list-style-type:none; 
background-color:#fff;
color:#333; 
line-height:120%; 
border:1px solid #DEE3E9;
}
ul.twco_acitem { 
margin:0; 
padding:0; 
list-style-type:none; 
overflow:hidden; 
}
li.twco_accollapse, 
li.twco_acexpand { 
margin:0; 
padding:0; 
list-style-type:none; 
}
a.twco_actitle, 
a.twco_actitle:hover, 
a.twco_actitle:active, 
a.twco_actitle:visited {
padding:0 15px 0 0; 
display:block; 
height:32px; 
line-height:32px; 
font-weight:bold;
background:#EAEFF4 url(images/16_collapse-closed.png) no-repeat 1% 50%;
border-top:1px dotted #D4DCE4; 
outline:none; 
text-decoration:none !important; 
color:#333 !important;
}
a.twco_actitle:hover { background:#DEE6ED url(images/16_collapse-closed.png) no-repeat 1% 50%; }
li.twco_accollapse a.active, li.twco_acexpand a.active {
background:#EAEFF4 url(images/16_collapse-opened.png) no-repeat 1% 50%;
border-bottom:1px solid #ccc; 
font-weight:bold;
}
li.twco_accollapse a.active:hover, li.twco_acexpand a.active:hover {
background:#DEE6ED url(images/16_collapse-opened.png) no-repeat 1% 50%;
}
ul.twco_acitem li { 
border-top:1px solid #B8C4D6; 
border-bottom:1px solid #C8CFD8; 
padding:5px; 
background:none; 
}
ul.twco_acitem li li { border:none; }

/**************** slider **************************/
.elxis_form_slider {
border-top:1px solid #9d9c99; 
border-right:1px solid #9d9c99; 
border-bottom:1px solid #eee; 
border-left:1px solid #eee;
background-color:#f0ede0; 
height:3px; 
position:absolute; 
bottom:0px;
}
/* sample content */
h4.twco_question {
margin:10px 0 5px 0; 
padding:0 20px 0 0; 
font:bold 13px/17px tahoma, verdana, serif; 
color:#444;
background:transparent url('images/question.png') 100% 0 no-repeat;
}
p.twco_answer {
margin:5px 0 20px 0; 
padding:0 20px 0 0; 
font:normal 13px/17px tahoma, verdana, serif; 
color:#222;
background:transparent url('images/answer.png') 100% 0 no-repeat;
}

@media print {
body { background:#FFF; color:#000; margin:0; }
div.twco_content_icons { display:none; }
div.twco_content_icon { display:none; }
}

/* responsive youtube video */
@media only screen and (max-width:680px) {
.twco_ytvideo { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.twco_ytvideo iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
.twco_ytvideo object, 
.twco_ytvideo embed { position:absolute; top:0; left:0; width:100%; height:100%; }
}