.stormForm fieldset
{
    display: block;
    border-top: 1px solid #eee;
}

.stormForm fieldset ul
{
    margin:0px;
    padding:0px;
    display:block;
}

.stormForm fieldset li
{
    
    margin: 5px 0;
    padding: 15px 0;
    list-style-type:none;
    clear:both;
    font-weight:normal;
   
}


.stormForm fieldset li label {
    display:block;
    float:left;
    width:150px;
    color:#195CD1;
    font-weight:bold;
    font-size:116%;
    line-height:30px;
    border-bottom:1px dotted #ccc;
    margin:0 20px 0 0;
    position:relative;
    
    
}


.stormForm fieldset li label span {
    display:block;
    float:left;
    margin:0 10px 0 0;
    padding:0;
    border:none;
    color:#FFFFFF;
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    font-weight:bold;
}



.stormForm fieldset li span.annotation
{
    display:block;
    float:right;
    font-size:85%;
    color:#666;
    line-height:normal;
    background-color:#FFFFCC;
    border:1px solid #FFCC00;
    width:150px;
    padding:5px;
    margin: 0 0 0 0;
   
}
.stormForm fieldset li span.textArea
{
    margin: 0 0 0 0;
   
}
.stormForm fieldset li span.instruction
{
    margin: 10px 0 0 0;
    font-size:93%;
    color:#999;
   
}

.stormForm fieldset li .updateFormat span.messagePreview
{
	/*width: 292px;
	display: block;
	font-weight: bold;*/
}

.createForm fieldset li .updateFormat span.messagePreview
{
	/*width: 392px;
	font-weight: bold;*/
}

.stormForm input, 
.stormForm textarea, .stormForm select {
    color:#333;
    font-weight:normal;
    display:block;
    border:2px solid #CCCCCC;
    font-size:131%;
    padding:5px;
    width:280px;
}


.stormForm input.uploadImage{

    border:2px solid #CCCCCC;
    background-color:#fff;

}

.stormForm .inputHolder{
    display:block;
    float:left;

}

.stormForm textarea {
    height:200px;
}

.stormForm .updateFormat textarea 
{
	height: 120px;
}

.stormForm select {
    width:231px;
}

.stormForm input.checkBox {
    border:medium none;
    color:#333333;
    padding:5px 3px;
    width:auto;
}

input.buttonPrimary {    
    border:2px solid #CCCCCC;
    cursor:pointer;
    display:block;
    font-weight:bold;
    font-size:140%;
    color:#fff;
    padding:5px;
    margin:0 0 0 170px;
    text-align:center;
    width:290px;
    background-image: url(/content/image/button-bg.png);
	background-position:0 0;
	background-repeat: repeat-x;
}

.createForm input.buttonPrimary 
{
	margin:0 0 0 390px;
}

.twibute-container form
{
    display:inline;    
}

input.twibuteButton
{
    margin: 0 0 20px;
    display: inline;
}

input.buttonPrimary:hover {
    cursor:pointer;
    background-color:#ccc;
    background-position:0 -40px;
}

input.showSupport,
.setAsProfile,
.sponsor-cause,
input.showSupportWorking
{
    cursor:pointer;
    display:block;
    padding:5px; 
    height: 48px;
    background-position:0 0;
	background-repeat: no-repeat;
	text-indent: -10000px;
    border: none;
    margin: 10px auto 0 auto;
}

input.showSupport, button.showSupport
{
    width:310px;
    background-image: url(/content/image/common/show-my-support.png);
    line-height: 0;
    font-size: 0;
}

button.showSupport
{
    background-color: #3b5998;
    color: #FFFFFF;
    font-weight: bold;
    background-image: none;
    cursor:pointer;
    display:block;
    padding: 5px 5px 5px 80px; 
    height: 48px;
    background-position:0 0;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 18px;
    border: none;
    margin: 10px auto 0 auto;    
}

input.showSupportWorking
{
    width:310px;
    background-image: url(/content/image/common/show-my-support-working.png);
    line-height: 0;
    font-size: 0;
}

.setAsProfile
{
    width:303px;
    background-image: url(/content/image/common/set-as-profile.png);
}

.sponsor-cause
{
    width:303px;
    background-image: url(/content/image/common/sponsor-cause.png);    
}

.stormForm input.checkbox {
    border:medium none;
    color:#333333;
    padding:3px;
    width:auto;
}

.stormForm.twitterSignIn fieldset,
.stormForm.twitterSignIn fieldset ul li
{
    border:none;
    margin:0px;
}

.stormForm.twitterSignIn fieldset
{
    margin:0px;
}



.errorMessage {
    background-color:#F5E5E5;
    border:1px solid #FF0000;
    color:#990000;
    margin:10px 0;
    padding:10px 20px;
    text-align:left;
    font-weight:bold;
}

.errorMessage ul {
    margin-left:15px;
}

.errorMessage ul li {
    list-style-position: inside;
    list-style-type:disc;
    margin:0px;
    padding:0px 15px;
    font-weight:normal;    
}

.infoMessage {
    background-color:#ECF8FD;
    border:1px solid #A2DAF5;
    margin:10px 0;
    padding:10px 20px;
    text-align:left;
    color:#003366;
}

.successMessage {
    background-color:#E5FFE5;
    border:1px solid #00FF00;
    margin:10px 0;
    padding:10px 20px;
    text-align:left;
}

/* Latest error messages from 960 */


.message
{
	background-color: #CCCCCC;
	border: 2px solid;
	margin: 10px 0;
	padding: 10px 10px 10px 10px;
	color: #333;
	clear: both;
}

.message ul
{
	margin: 0 0 10px 60px !important;
}

.message ul li
{
	font-size: 93%;
	margin:0 0 5px 0 !important;
	border-bottom:none !important;
	list-style-type:disc !important;
	padding:5px 0 !important;
	
	
}


.message p
{
	font-size: 93%;
	line-height:140%;
	margin: 0 0 10px 30px;
}

.message a
{
	text-decoration: underline !important;
}

.message a:hover
{
	text-decoration: none;
}


.message span.icon
{
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 10px 0 0;
	background-image: url(../image/icons/sprite-icons.png);
}


.message.success
{
	background-color: #E6EFC2;
	border-color: #C6D880;
	color: #264409;
}


.message.success p, .message.success a
{
	color: #264409;
}

.message.success span.icon
{
	background-position: 0 0;
}

.message.error
{
	border-color: #8A1F11;
	background-color: #FBE3E4;
	border-color: #FBC2C4;
	color: #8A1F11;
}

.message.error p, .message.error a
{
	color: #8A1F11;
}


.message.error span.icon
{
	background-position: -16px 0;
}

.message.notice
{
	background-color: #ECF8FD;
	border-color: #A2DAF5;
	color: #003366;
}

.message.notice p
{
	color: #003366;
}

.message.notice a
{
	color: #006699;
}


.message.notice span.icon
{
	background-position: -32px 0;
}

.validation-summary-errors span
{
    padding: 0 0 0 24px;
   	background-image: url(../image/icons/error.png);   
    background-position: 0px 0;
    background-repeat: no-repeat;
}

/*** Custom form styles for customisation ***/

.campaign-management .stormForm fieldset li {
    border-bottom:1px solid #a2daf5;
}

.campaign-management .stormForm fieldset div.form-button
{
    background: #f8f8f8 url('/Content/Image/branding/bg-payment-box.gif') repeat-x;
    border-bottom:none;
}

.campaign-management .stormForm.editForm fieldset div.form-button .buttonPrimary,
.campaign-management .stormForm.payment fieldset div.form-button .buttonPrimary
{
    margin-left: 230px;
}

.campaign-management .stormForm.createForm fieldset div.form-button .buttonPrimary
{
    margin-left: 340px;    
}

.campaign-management .stormForm fieldset li label {
    border-bottom:none;
    color:#195CD1;
    display:block;
    float:left;
    font-size:116%;
    font-weight:bold;
    line-height:normal;
    margin:0 20px 0 0;
    position:relative;
    width:290px;
}

.campaign-management .stormForm fieldset li label span.number {
    background-color:#CCCCCC;
    border:none;
    color:#FFFFFF;
    display:block;
    float:left;
    font-weight:bold;
    height:30px;
    line-height:30px;
    margin:0 10px 0 0;
    padding:0;
    text-align:center;
    width:30px;
}

.campaign-management .stormForm fieldset li label span.text {
    display:block;
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:none;
    height:auto;
    width:250px;
    line-height: normal;
    text-align:left;
    font-weight:bold;
    color:#195CD1;
    
}

.campaign-management .stormForm fieldset li label span.clear {
    height:0px;
    width:0px;
    
}

.campaign-management .stormForm fieldset li span.annotation {
    width:170px;
    
}

p.preview-header-text {
    font-size:93%;
    font-weight:bold;
    margin:10px 0 5px 0;
    padding:0px;
    color:#666;
    display:block;
}

.campaign-management .twitter-preview {
    display:block;
    padding:10px 5px;
    margin:10px 0;
    border-top:1px dotted #D2DADA;
    border-bottom:1px dotted #D2DADA;
    background-color:#F7F7F7;
}

.campaign-management  img.twitter-avatar {
    width:48px;
    height:48px;
    float:left;
}

.campaign-management .twitter-preview-content {
    float:left;
    display:block;
    width:360px;
    margin:0 0 0 10px;
    font-size:11px;
}

.campaign-management .twitter-preview-content span.username {
    color:#2277D2;

}

.campaign-management .twitter-preview-content span.time{
    color:#999;
    display:block;
    font-size:11px;
    margin:5px 0 0 0;
}

.campaign-management .facebook-preview {
    display:block;
    padding:10px 5px;
    margin:10px 0;
    border-top:1px dotted #D2DADA;
    border-bottom:1px dotted #D2DADA;
    background-color:#F7F7F7;
}

.campaign-management .facebook-avatar {
    width:50px;
    height:50px;
    float:left;
    background-image:url(/Content/image/common/facebook-avatar.gif);
    background-position:0 0;
    background-repeat:no-repeat;
}

.campaign-management .facebook-preview-content {
    float:left;
    display:block;
    width:360px;
    margin:0 0 0 10px;
    font-size:11px;
}

.campaign-management .facebook-preview-content img{
    margin:10px 0 0 0;
}

.campaign-management .facebook-preview-content .facebook-message{
    display:block;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    
}

.campaign-management  .facebook-preview-content span.username {
    color:#3B5998;
    font-weight:bold;
}

.campaign-management .facebook-preview-content span.time{
    color:#777;
    display:block;
    font-size:11px;
    height:16px;
    line-height:16px;
    margin:5px 0 0 0;
    padding:0 0 0 20px;
    background-image:url(../image/common/facebook-preview-twibbon-icon.gif);
    background-position:0 0;
    background-repeat:no-repeat;
}

.campaign-management .facebook-preview-content span.time span{
    color:#3B5998;
}


.campaign-management .stormForm fieldset li .character-count {
    display:block;
    width:434px;
    text-align:right;
    background-color:#ccc;
    height:20px;
    line-height:20px;
    margin:0;
    color:#666;
    font-size:108%;
    font-weight:normal;
}

.campaign-management .stormForm.editCustomisationForm fieldset li .character-count {
    width:274px;
}

.campaign-management .stormForm fieldset li .text {
   float:left;
   padding:0 0 0 10px;
   color:#666;
   font-size:93%;
   
}

.campaign-management .stormForm fieldset li .character-count .characterLimit {
    color:#333;
    color:#fff;
    font-weight:bold;
    display:block;
    float:right;
    padding:0 5px 0 0;
}
.campaign-management .stormForm fieldset li .character-count .total {

    display:block;
    float:right;
    padding:0 10px 0 0;
    color:#fff;
}

.customise-options {
    background-image:url(../image/common/sprite-customise-options.png);
    background-position:0 0;
    width:972px;
    height:131px;
    position:relative;
}

.editCustomisationForm .customise-options {
    width:723px;
    background-position:0 -133px;
}


.customise-options .pay-campaign{
    margin:10px 25px;
    float:left;
    width:590px;
    
}


.customise-options .pay-campaign h2{
    border:none !important;
    margin:0px;
    padding:0px;
    color:#003366;
    font-weight:normal;
    display:block;
    line-height:normal;
    font-size:30px;
    height:auto;
}

.customise-options .pay-campaign h2 span{
    color:#003366;
    font-size:25px;
    color:#2597D4;
}

.campaign-management .stormForm.createForm input, 
.campaign-management .stormForm.createForm textarea, 
.campaign-management .stormForm.createForm select {
    width:420px;
}

.campaign-management .stormForm.createForm input.buttonPrimary {
    width:290px;
}

.campaign-management .stormForm.editForm fieldset li label{    
    width: 175px;    
}

.campaign-management .stormForm.editForm fieldset li label .text {    
    width: 135px;    
}

.campaign-management .stormForm.editForm fieldset li .annotation {    
    width: 180px;    
}

.campaign-management .stormForm.editForm ul li.buttons {
    padding-left:220px;
}

.campaign-management .stormForm.editForm .instruction {
    width:290px;
    display:block;
    margin:10px 0;
    font-size:85%;
}

.campaign-management .stormForm.editCustomisationForm fieldset li label {    
    width: 175px;    
}

.campaign-management .stormForm.editCustomisationForm fieldset li label .text {    
    width: 135px;    
}

.campaign-management .stormForm.editCustomisationForm fieldset li .annotation {    
    width: 180px;    
}

.campaign-management .stormForm.editCustomisationForm ul li.buttons {
    padding-left:220px;
}


.campaign-management .editCustomisationForm input, 
.campaign-management .editCustomisationForm textarea, 
.campaign-management .editCustomisationForm select {
    width:280px;
}

.campaign-management .stormForm.editCustomisationForm fieldset li .twitter-preview-content,
.campaign-management .stormForm.editCustomisationForm fieldset li .facebook-preview-content {
    width:215px;
}

.campaign-management fieldset {    
    background-color: #eaf6fb;
    border: 1px solid #a2daf5;
    border-top: none;
    padding: 5px 0;
}

.campaign-management fieldset ul {    
    padding: 0 20px 0 20px;
}

.campaign-management .stormForm fieldset li label {    
    width: 270px;
}

.campaign-management .stormForm fieldset li label span.text {    
    width: 150px;    
}

.campaign-management .stormForm input, 
.campaign-management .stormForm textarea, 
.campaign-management .stormForm select {
    width:260px;
}

.campaign-management .stormForm.payment fieldset li label {    
    width: 180px;
}

.campaign-management .stormForm.payment fieldset li label span.text {    
    width: 130px;
}

.campaign-management .stormForm input.page-views {
    width: 50px;
    display: inline;
}