/*****
	CSS RESET - MODIFIED YAHOO YUI
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} img {-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} .clear {clear: both;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym { border:0;} * {outline: none; -webkit-text-size-adjust: none;}


/*****
	LAYOUT
*****/
html 						{overflow-y:scroll;}
body						{font-family: arial, sans-serif; font-size: 70%; color: #444; background: #eee;}

#wrap						{width: 960px; padding: 15px 20px 20px 20px; margin: 30px auto; border: 1px solid #ccc; background: #fff;
							 position: relative;}
#wrap h1					{margin: 0 0 20px 0; font-weight: bold;}

/* Nav */
#nav						{position: absolute; top: 20px; right: 20px; overflow: hidden;}
#nav li						{float: left; background: #ddd; margin: 0 0 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#nav li:hover				{background: #bbb;}
#nav li.logout				{background: #DFB5B5;}
#nav li.logout:hover		{background: #EF8686;}
#nav li.gotosite			{background: #CFDFA7;}
#nav li.gotosite:hover		{background: #B5CF74;}
#nav li a					{color: #000; display: block; padding: 5px 8px; }

/* Tabs */
.tabnav						{display: block; overflow: hidden; border-bottom: 5px solid #444;}
.ui-tabs .ui-tabs-hide 		{display: none;}
.tabnav li					{display: block; float: left; padding: 5px 8px; margin: 0 5px 0 0; background: #777;
							 -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.tabnav li.ui-tabs-selected	{background: #444;}
.tabnav li.ui-tabs-selected:hover	{background: #444;}
.tabnav li:hover			{background: #666;}
.tabnav a:link, .tabnav a:visited	{color: #fff;}
.tabnav a:active, .tabnav a:hover	{color: #ccc;}
.tab-section				{border-left: 5px solid #444; border-right:  5px solid #444; border-bottom: 5px solid #444; padding: 5px;}

/* Response */
#response					{background: #D2EFa4; border-bottom: 1px solid rgba(0,0,0,0.5); margin: 0 0 20px 0; width: 100%; position: fixed;
							 top: 0; left: 0; z-index: 10;}

/*****
	TABS
*****/
/* Order */
#response p					{margin: 6px; text-align: center;}
#orderphotos				{overflow: hidden;}
#orderphotos li				{float: left;}
#orderphotos li img			{border: 1px solid #000; display: block; background: #fff; margin: 0 2px 4px 2px; position: relative;}

/* editimages.php */
#edit						{overflow: hidden;}
#edit ul li					{width: 291px; float: left; background: #eee; border: 1px solid #ccc; padding: 5px; margin: 5px; overflow: hidden;
							 position: relative;}
#edit ul li img				{float: left; margin: 0 5px 0 0;}
#edit ul li .textinput, #edit ul li textarea	{width: 155px; padding: 4px; border: 1px solid #ccc;}
#edit ul li .textinput		{margin: 0 0 5px 0;}
#edit ul li textarea		{font-family: inherit; font-size: 1em; margin: 0 0 5px 0; height: 62px;}
#edit ul li select			{width: 165px; margin: 0 0 5px 0;}
#edit ul li .submit			{float: right;}

/* Upload */
#upload form				{padding: 5px; background: #eee; border: 1px solid #ccc;}
#upload .textinput			{padding: 4px; border: 1px solid #ccc; width: 300px; display: block;}
#upload textarea			{padding: 4px; border: 1px solid #ccc; width: 300px; display: block;}
#upload .submit				{display: block;}
#upload .error				{color: #f00;}

/* Content */
#content					{overflow: hidden;}
#content form				{background: #eee; border: 1px solid #ccc; padding: 5px; margin: 5px; 
							 position: relative;}
#content form h4			{border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 5px 0;}
#content .textinput			{padding: 4px; border: 1px solid #ccc; margin: 0 0 5px 0;}
#content form textarea		{width: 905px; padding: 4px; font-size: 1em; font-family: arial, sans-serif; height: 200px; border: 1px solid #ccc;}
#content .submit-content	{position: absolute; top: 7px; right: 7px;}

/*****
	TYPOGRAPHY & GENERIC CLASSES
*****/
h1, h2, h3, h4, h5, h6, p	{font-family: arial, Helvetica, sans-serif;}
h1							{font-size: 3em;}
h2							{font-size: 2.4em;}
h3							{font-size: 2em;}
h4							{font-size: 1.6em;}
h5							{font-size: 1.4em;}
h6							{font-size: 1.2em;}
p							{font-size: 1em; line-height: 1.6em;}

a:link, a:visited			{text-decoration: none; color: #9c0;}
a:hover, a:active, a:focus	{text-decoration: none; color: #f60;}

/* Rounded Corners */
.round5						{-moz-border-radius: 5px; -webkit-border-radius: 5px;}