/* FORM ELEMENTS */
.invalid.input			{border-color:#FF0000; border-style: solid; color: #000;}
.invalid.select			{border-color:#FF0000; border-style: solid; color: #000;}
.invalid				{color: #FF8E8E;}
.content				{display: block; position: relative; width: 80%; border: solid 1px #FF0000; background-color:#EEEEEE; z-index: 1002; overflow: hidden; padding:8px; text-align:left;}

/* STYLESHEET FOR THE FORM ELEMENTS */
.form_top	{background-image:url(images/interface/mod_top.png); background-repeat:repeat-y; width:400px; height:15px;}
.form_mid	{background-image:url(images/interface/mod_mid.png); background-repeat:repeat-y; width:400px;}
.form_bot	{background-image:url(images/interface/mod_bot.png); background-repeat:repeat-y; width:400px; height:20px;}

.bullet 				{background-image: url(images/interface/ico_bullet_gray.gif); width:3px; height:3px}

.formButton				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#008EC9; border:1px solid #008EC9; height:30px; margin: 0; padding: 0; background-color: #FFFFFF;}
.formField				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#008EC9; border:1px dotted #008EC9; width:125px; height:20px; padding-top: 0; vertical-align:middle; background-image:url(images/interface/form_tile.gif); background-repeat:repeat-x; background-position:bottom; background-color: #FFFFFF;}
.formArea				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#008EC9; border:1px dotted #008EC9; height: 80px; padding-top: 0; vertical-align:middle; background-image:url(images/interface/form_tile.gif); background-repeat:repeat-x; background-position:bottom; background-color: #FFFFFF;}
.formList				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#008EC9; border:1px dotted #008EC9; height:20px}

.xs		{width:30px;}
.sm		{width:50px;}
.md		{width:160px;}
.lg		{width:250px;}
.xl		{width:350px;}