/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px solid #8b9cac;
	/** remember to change image path **/
	background: #EEEEF2;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
	margin-bottom: 15px;
	width: 70%;
}

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.mybuttonstyle {
	border: 1px solid #8b9cac;
	/** remember to change image path **/
	background: url(../images/grad.png) repeat-x #8b9cac;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #376ca0;
	
	float: left;
	width: 150px;
}

/** You can use this style for your LABEL elements **/
.mytextboxstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	width: 70%;
}

/** You can use this style for your OPTION/CHECK elements **/
.myoptionlabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #376ca0;
}

/** You can use this style for your OPTION/CHECK elements **/
.myoptionbuttonstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #376ca0;
	margin-left: 154px;
}

/** You can use this style for your Upload Button (Jquery) elements **/
.myuploadbuttonstyle {
	margin-left: 154px;
	margin-bottom: 10px;
}

/* 
	Classy yet somehow fancy
	table style created by Radu Bilei
	for Chris Heilmann's CSS Table Gallery
	http://twitter.com/radubilei
	http://icant.co.uk/csstablegallery
*/

.tcss,.tcss th,.tcss td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
.tcss		{	background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
.tcss caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

.tcss thead, 
.tcss tfoot			{	color:white; }

.tcss thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
.tcss thead th:first-child	{	text-align:left; }

.tcss tbody td,
.tcss tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top}
.tcss tbody th				{	color:#222;	text-align:right; background-image:url(tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}


.tcss tbody tr.odd th, 
.tcss tbody tr.odd td			{	background-color:#eee; color:#222}

.tcss tfoot td,
.tcss tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
.tcss tfoot th				{	text-align:right}

.tcss th a:link	{	line-height:1em; color:white; display:inline-block; padding:3px 7px; margin:-3px -7px; text-decoration: none; border:0}

.tcss a:link	{	line-height:1em; color:black; display:inline-block; padding:3px 7px; margin:-3px -7px; text-decoration: none; border:0}
.tcss a:visited	{	line-height:1em; color:#555; display:inline-block; padding:3px 7px; margin:-3px -7px; text-decoration: none; border:0}
.tcss a:hover	{	text-decoration:none; background:black; color:white; -webkit-border-radius:2px; -moz-border-radius:4px; border-radius:4px}

::-moz-selection{	background:#202020; color:white}
::selection		{	background:#202020; color:white}

.tcss thead ::-moz-selection, 
.tcss tfoot ::-moz-selection	{	background:white; color:#202020}
.tcss thead ::selection, 
.tcss tfoot ::selection		{	background:white; color:#202020}

/* Date Picker */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }