﻿/*
Lets have out styles of text and links and things like that in here to keep things clean and tidy!
*/

.mainBodyCenter ul, .mainBodyCenter ol
{
	padding: 0 0 0 20px;
}

/*Body text on the left with sub items*/
#divBodyText
{
    color: #999999;
    font-weight: bold;
    font-size: 90%;
}

    #divBodyText p
    {
        padding: 0 0 10px 0;
    }

    #divBodyText a
    {
        color: #D01616;
        text-decoration: none;
    }

    #divBodyText a:hover
    {
        color: #D01616;
        text-decoration: underline;
    }
    
    .textNormal{ font-weight: normal;}
    .textSubHeading{font-size: 120%;}
    .textHeading{font-size: 150%;}
    
/*Ok bits for the pods here*/

ul.sectionHomeItems li.LIthings
{
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}

ul.sectionHomeItems li.LIthings ol.ThingsToDoList li
{
    padding: 0 0 0 25px;
}

ul.sectionHomeItems li.LIAboutUs
{
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}

ul.sectionHomeItems li.LIAboutUs ol.AboutTheClubList li
{
    padding: 0 0 0 25px;
}

ul.sectionHomeItems li.LIYourStuff
{
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}

ul.sectionHomeItems li.LIYourStuff ol.YourStuffList li
{
    padding: 0 0 0 25px;
}

ul.sectionHomeItems li.LIOnTheWeb
{
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}

ul.sectionHomeItems li.LIOnTheWeb .OnTheWebTextArea p
{
    padding: 5px 0 0 20px;
}


ul.sectionHomeItems li.LIBarneyNews
{
    
}

ul.sectionHomeItems li.LICompetition
{
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}
ul.sectionHomeItems li.LICompetition .CompetitionTextArea p
{
    padding: 5px 0 0 20px;
}




/*Form details*/

.formItems{ border: 0;}
.formItems ul { list-style: none; padding: 0px; margin: 0px; }
.formItems ul li{ padding: 5px 0 0 0; margin: 0; float: left; width: 250px; clear: both;}

.formItems .textInput label { width: 100px; display: block; float: left;}
.formItems .textInputBig label { width: 200px; display: block; float: left; padding-bottom: 3px;}
.formItems .textInput input,
.formItems .textInputBig input,
.formItems .textInput select { border: 1px solid red; font-weight: bold; height: 20px; width: 130px; float: right;}
.formItems .textInputBig select { border: 1px solid red; font-weight: bold; height: 20px; width: 240px; float: right;}

.formItems .button input{ color: #c61717; background-color: #fff4c0; font-weight: bold; padding: 3px; border: 1px solid #c61717; float: right;}

.formItems .error { color: #c61717; }




.formItemsLarge{ border: 0;}
.formItemsLarge ul { list-style: none; padding: 0px; margin: 0px; }
.formItemsLarge ul li{ padding: 5px 0 5px 0; margin: 0; float: left; width: 366px; clear: both;}

.formItemsLarge .textInput label,
.formItemsLarge .boxInput label,
.formItemsLarge .dateInput label { width: 150px; display: block; float: left; color: #cc0000;}
.formItemsLarge .textInputBig label { width: 200px; display: block; float: left; padding-bottom: 3px;}
.formItemsLarge .textInput input,
.formItemsLarge .textInputBig input,
.formItemsLarge .textInput select,
.formItemsLarge .boxInput input { border: 1px solid red; font-weight: bold; height: 20px; width: 200px; float: right;}
.formItemsLarge .textInputBig select { border: 1px solid red; font-weight: bold; height: 20px; width: 240px; float: right;}

.formItemsLarge .boxInput input{ width: 20px; margin-right: 180px;}

.formItemsLarge .textInput .tooltip,
.formItemsLarge .boxInput .tooltip{ display: block; clear: both; font-style: normal; font-size: 90%;}

.formItemsLarge .tickInput label{width: 300px; display: block; float: right;}
.formItemsLarge .tickInput input{ width: 20px; height: 20px;border: 1px solid red; float: left; margin: 5px 0 0 20px;}

.formItemsLarge .radioInput label{width: 165px; display: block; float: left; color: #cc0000;}
.formItemsLarge .radioItems input{ color: #cc0000; height: 20px; width: 20px; }
.formItemsLarge .radioItems label{ width: 60px;  height: 20px;}

.formItemsLarge .dateInput label{width: 165px;}
.formItemsLarge .dateInput select{border: 1px solid red;}



.formItemsLarge .button input{ color: #c61717; background-color: #ffffff; font-weight: bold; padding: 3px; border: 1px solid #c61717; float: right; min-width: 150px; }

.formItemsLarge .error { color: #c61717; }