/*------------------------------------------------------------------
[Modal Stylesheet]

Project:		Veg Tech AB
Version:		1.0
Last change:	-
Assigned to:	Kim Gunnarsson, Mindbite
Primary use:	Corporate Website
-------------------------------------------------------------------*/

@import "tabs.css";

/*--------------------------------------------------------------------------------------------------
Start: modal Css
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/18px Arial, sans-serif; color: #000; background: #f8f8f8; padding: 0; margin: 0;}

h1										{font: bold 16px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; color: #656565; background-color: #fff; border-bottom: solid 1px #dedede; padding: 10px 0 10px 10px; margin: -2px 0 0; display: block;}
h2										{font: bold 18px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; color: #993;margin: 25px 0 10px;}
h3										{font: bold 14px "Trebuchet MS", Arial, Tahoma,"Lucida Sans Unicode", sans-serif; color: #993;margin: 0 0 10px;}
p										{font-size: 11px; clear: both;}

.print-logo								{display: none;}
.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}
.thanks									{text-align: center; width: 100%;}
div.markerTooltip						{background-color: #000; color: #fff; padding: 5px; width: 190px;}
h1 a img								{padding-top: 2px; padding-left: 20px;}
img										{border: 0;}
#footer									{display: none;}

.hide									{display: none !important;}

fieldset								{border: 0; padding: 10px; margin: 0;}
fieldset legend							{display: none;}
fieldset label							{color: #444; display: block !important; font-weight: normal; font-size: 11px;}
fieldset input.txt						{width: 255px;}
fieldset textarea						{font: normal 12px/18px Arial, sans-serif;}
fieldset .controlarea .btn				{float: left;}
fieldset .controlarea .right			{float: right;}
fieldset h2								{color: #666;} 


.content								{margin: 10px; padding: 10px;}

.tab-nav								{background: #fff url(../gfx/pop-tab-bg.gif) repeat-x;}
.tab-nav ul								{margin: 0 !important; padding: 0; list-style: none;}
.tab-nav ul li							{float: left; background: #fff url(../gfx/pop-tab-item-left.gif) no-repeat left top; padding: 0 0 5px 12px;}
.tab-nav ul li a						{display: block; float: left; background: #fff url(../gfx/pop-tab-item-right.gif) no-repeat right top; padding: 7px 13px 5px 0; text-decoration: none; color: #575757; font-size: 10px;}
.tab-nav ul li.ui-tabs-selected			{background: #fff url(../gfx/pop-tab-item-selected-left.gif) no-repeat left top;}
.tab-nav ul li.ui-tabs-selected a		{background: #fff url(../gfx/pop-tab-item-selected-right.gif) no-repeat right top;}

.tab-nav-img							{background: #fff url(../gfx/pop-tab-bg.gif) repeat-x;}
.tab-nav-img ul							{margin: 0 !important; padding: 0; list-style: none;}
.tab-nav-img ul li						{float: left; background: #fff url(../gfx/pop-tab-item-left.gif) no-repeat left top; padding: 0 0 5px 12px;}
.tab-nav-img ul li a					{display: block; float: left; background: #fff url(../gfx/pop-tab-item-right.gif) no-repeat right top; padding: 7px 13px 5px 0; text-decoration: none; color: #575757; font-size: 10px;}
.tab-nav-img ul li.ui-tabs-selected		{background: #fff url(../gfx/pop-tab-item-selected-left.gif) no-repeat left top;}
.tab-nav-img ul li.ui-tabs-selected a	{background: #fff url(../gfx/pop-tab-item-selected-right.gif) no-repeat right top;}

.tab-content							{clear: both;  background-color: #fff; padding: 3px 10px 10px;}

.images									{width: 440px; float: left;}
.tabs									{width: 490px; float: right;}

table.default-view						{margin: 0 0 15px !important; width: 100%;}
table.default-view tr td				{padding: 3px 5px; background-color: #f2f2f2; border-right: solid 1px #fff; border-bottom: solid 1px #fff; font-size: 11px; vertical-align: middle;}
table.default-view tr td.last			{border-right: 0;}
table.default-view tr.odd td			{background-color: #fff; border-color: #f0f0f0;}
table.default-view tr.header th			{border-bottom: solid 1px #dcdcdc !important; text-align: left !important; padding: 3px 5px; color: #545454; font-size: 11px; font-weight: normal;}
table.default-view tr th				{padding: 3px 5px; text-align: left !important;}
table.default-view tr.list-head th		{background: #f8f8f8; border-bottom: solid 1px #fff;}
table.default-view tr td.img, table.default-list tr th.img {width: 16px; vertical-align: middle !important;}
table.default-view tr td.wide-img, table.default-list tr th.wide-img {width: 50px; vertical-align: middle !important;}
table.default-view tr td.middle			{vertical-align: middle !important;}

table.default-view a					{color: #222 !important;}
table.default-view h3					{margin: 10px 0 0;}

div.pager								{padding: 10px; border-top: solid 1px #f2f2f2; border-bottom: solid 1px #f3f3f3; line-height: 2.1em;}
div.pager div.navigation				{text-align: center;}
div.pager a								{color: #666 !important; padding: 3px 2px; margin: 0 0 4px !important; text-decoration: none !important; border: solid 1px #fff; border-bottom: solid 1px #f8f8f8;}
div.pager a:hover						{border: solid 1px #f3f3f3;}
div.pager strong						{color: #666 !important; padding: 3px 2px; border: solid 1px #dcdcdc; background: #f0f0f0;}
div.pager a.nav							{font-weight: bold !important; padding: 3px 5px; border: none !important; background: #666; color: #fff !important;}
div.pager div.navigation p				{float: left;}
div.pager div.navigation .right			{float: right; width: 300px; text-align: right;}
div.pager div.navigation .right a		{margin-left: 3px !important;}
div.pager div.navigation .right a:hover	{background-color: #888 !important;}

div.projectinfo							{border-bottom: solid #f8f8f8 1px; padding: 10px; background: #f9f9f9;}
div.projectinfo .cl, div.projectinfo .cr {width: 50%; float: left;}

dl.project-view							{font-size: 11px; margin: 0 0 10px !important;}
dl.project-view dt						{float: left; clear: both; width: 100px; font-weight: bold; color: #555;}
dl.project-view dd						{display: inline; float: left; width: 120px; padding: 0 5px; margin: 0 0 3px;}
dl.project-view dd ul					{margin: 0 !important; padding: 0 !important; list-style: none !important;}
dl.project-view dd.persons ul, dl.project-view dd.persons ul li {list-style: none !important;}

ul.project-view							{list-style: none !important;}
ul.project-view	li						{margin: 0 0 10px; list-style: none !important;}

div#imagetexts p						{margin: 0; font-size: 11px;}
div.product-image						{width: 420px; min-height: 250px;}
div.product-thumbs						{margin-top: 10px;}
div.product-thumbs img					{float: left; margin: 0 2px;}
div.product-image-navigation			{clear: both; text-align: right; border-bottom: solid 1px #f2f2f2; padding: 5px 20px 5px 0; margin: 0 0 15px;	}
div.product-image-navigation a			{font-weight: bold !important; padding: 3px 5px; border: none !important; background: #666; color: #fff !important; text-decoration: none !important;}
div.product-image-navigation a:hover	{background-color: #888 !important;}

/*--------------------------------------------------------------------------------------------------
End: modal Css
--------------------------------------------------------------------------------------------------*/