@import url(forms.css);
@import url(tables.css);

body
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

img
{
    border: 0;
    display: block;
    padding: 0;
    margin: 0;
}
.justify
{
    text-align: justify;
}
.bold
{
    font-weight: bold;
}
.center
{
    text-align: center;
}
.right
{
    text-align: right;
}
.nostart
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.clear
{
    clear: both;
}
br.clear
{
    clear: both;
    margin-top: -15px;
}
a
{
    /*outline: none;*/
    text-decoration: underline;
}

a:active {
	color: yellow;
	/*text-decoration: none;*/
}

a:link {
	color: blue;
	/*text-decoration: underline;*/
}

a:visited {
	color: purple;
	/*text-decoration: none;*/
}

a:focus {
	color: red;
	/*text-decoration: none;*/
}

a:hover {
	color: red;
	text-decoration: none;
}

.fl_left
{
    float: left;
}
.fl_right
{
    float: right;
}

.alignCenter
{
    text-align: center;
    margin: auto auto;
}

.imgl, .imgr
{
    border: 1px solid #DFDFDF;
    padding: 5px;
    color: #666666;
    background-color: #FFFFFF;
}
.imgl
{
    float: left;
    margin: 0 8px 8px 0;
    clear: left;
}
.imgr
{
    float: right;
    margin: 0 0 8px 8px;
    clear: right;
}

.displayNone
{
    display: none;
}

#divContentTitle
{
    font-size: 24px;
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-family: Georgia, "Times New Roman" , Times, serif;
    border-bottom: 1px dotted #DDDDDD;
    vertical-align:top;
    float: left;
}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper
{
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6
{
    
    font-weight: normal;
    font-family: Georgia, "Times New Roman" , Times, serif;
    border-bottom: 1px dotted #DDDDDD;
}

div.wrapper h1
{
    font-size: 28px;
    margin: 0 0 20px 0;
    padding: 0 0 8px 0;
}
div.wrapper h2
{
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0 0 8px 0;
}
div.wrapper h3
{
    font-size: 20px;
}
div.wrapper h4
{
    font-size: 16px;
}
div.wrapper h5
{
    font-size: 14px;
    width: 50%;
}
div.wrapper h6
{
    font-size: 12px;
}


.col1
{
    color: #666666;
    background-color: #FFFFFF;
}
.col2
{
    color: #FFFFFF;
    background-color: #062134;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.col3, .col4, .col5
{
    color: #4F789F;
    background-color: #FFFFFF;
}
.col6
{
    color: #999999;
    background-color: #FFFFFF;
}
.col6 a
{
    color: #2684B7;
    background-color: #F3F3F3;
}
.col7
{
   height: 42px;
}

.col7, .col7 a
{
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.col5
{
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

.breadcrumb
{
    height: 16px !important;
    font-size:12px;
    margin-bottom:15px;
    margin-top:0px;
    display: block;
    text-align: left;
    width: 350px;
    vertical-align: top;
    color: #777;
}

.divErrorMsg
{
    /*height: 16px !important;*/
    font-size:16px;
    font-weight: bold;
    margin-bottom:15px;
    margin-top:0px;
    text-align: center;
    width: 100%;
    vertical-align: top;
    color: red;
    border:double;
    border-color: orange;
    padding: 5px;
    display:none;
}
#divErrorMsg
{
    /*height: 16px !important;*/
    font-size:16px;
    font-weight: bold;
    margin-bottom:15px;
    margin-top:0px;
    text-align: center;
    width: 100%;
    vertical-align: top;
    color: red;
    border:double;
    border-color: orange;
    padding: 5px;
}
.dialogErrorMessage{
    font-size:12px;
    font-weight: bold;
    margin-bottom:15px;
    margin-top:0px;
    text-align: left;
    width: auto;
    vertical-align: top;
    color: red;
    padding-top: 13px;
    padding-bottom:14px;
    padding-left:5px;
    background-color: #ffdddd;
    border-left: 10px solid #f44336;
    display:none;
    white-space: pre-wrap;
}
.dialogErrorIcon {
    border-radius: 100%;
    width: 15px;
    color: #fff;
    float: left;
    padding: 2px;
    font-weight: bolder;
    background-color: red;
    margin-right: 2px;
    margin-bottom: 5px;
    font-size: 90%;
    display:none;
}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #intro, #services, #breadcrumb, #container, #footer, #copyright, #menuBar
{
    position: relative;
    margin: 0 auto 0;
    display: block;
    width: 1000px;
}

/* ----------------------------------------------topBar-------------------------------------*/

#topBar
{
    background-color: #003375; 
    float: left; 
    width: 1000px; 
    height: 42px;
    background: url(../images/topBar.png) no-repeat;
}

/* ----------------------------------------------bottomBar-------------------------------------*/

#bottomBar
{
    background-color: #003375; 
    height: 43px;
}

/* ----------------------------------------------menuBar-------------------------------------*/

#menuBar
{
    text-align:center;
}



/* ----------------------------------------------Header-------------------------------------*/


#header
{
    padding: 5px 0px 1px 0px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    background-color: #003375; 
}

 #logo
{
    background: url(../images/topBanner.jpg) no-repeat;
     width: 1000px;
     height: 100px;
}

#header #logo
{
    display: block;
    float: left;
    
    margin-top: 0px;
}

#header #logo h1, #header #logo p
{
    margin: 0;
    padding: 0;
    line-height: normal;
}

#header #logo h1
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 36px;
    border: none;
}

#header h1 a
{
    color: #3A6C86;
    background-color: #E3F1F9;
}

/* ----------------------------------------------top User Links-------------------------------------*/

#topUserLinks
{
    float: right;
    /*padding: 10px 10px 12px 10px;*/
    color: #ffffff;
    background-color: #003375;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 42px;
}

#topUserLinks a
{
    color: #ffffff;
}

#topUserLinks ul
{
    margin: 0;
    padding: 10px 0px 0px 0px;
    list-style: none;
}

#topUserLinks ul li
{
    display: inline;
    margin: 0px 10px 0px 10px;
}
#topUserLinks ul li.current a
{
    text-decoration: underline;
}


/* ----------------------------------------------top User Status-------------------------------------*/

#divUserStatus
{
    margin-top:-45px;
    float: right;
    padding: 5px 0px 12px 10px;
    color: #000000;
    background-color: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#divUserStatus a
{
    color: #005C9C;
}

#divUserStatus ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#divUserStatus ul li
{
    display: inline;
    margin: 0px 10px 0px 10px;
}
#divUserStatus ul li.current a
{
    text-decoration: underline;
}




/* ----------------------------------------------Topbar-------------------------------------*/

#topbar
{
     z-index: 1000;
    background-color: #003375; 
    height: 43px;
}

#topbar #search
{
    display: block;
    float: right;
    width: 242px;
    height: 36px;
    margin: 0;
    padding: 10px 0 0 17px;
    color: #FFFFFF;
    background-color: #000000;
    border-left: 1px dotted #666666;
    overflow: hidden;
}

/* ----------------------------------------------Homepage Intro-------------------------------------*/

#intro
{
    padding: 30px 0 5px 0;
    font-size: 16px;
    font-family: Georgia, "Times New Roman" , Times, serif;
}

#intro .fl_left
{
    display: block;
    float: left;
    width: 515px;
    height: 240px;
    margin: 0;
    padding: 30px;
    color: #FFFFFF;
    background-color: #2684B7;
}

#intro .fl_left h2
{
    font-size: 46px;
    margin: 0 0 15px 0;
    padding: 0;
    border: none;
    color: #FFFFFF;
    background-color: #2684B7;
}

#intro .fl_left p
{
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

#intro .fl_left p.readmore
{
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: right;
    line-height: normal;
}

#intro .fl_left p.readmore a
{
    padding: 8px 15px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #1C5E82;
}

#intro .fl_right
{
    float: right;
}

/* ----------------------------------------------Services-------------------------------------*/

#services ul, #services p, #services h2, #services img
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#services li
{
    display: block;
    float: left;
    width: 294px;
    height: 180px;
    margin: 0 9px 0 0;
    padding: 10px;
    color: #666666;
    background-color: #EFEFEF;
}

#services li:hover, #services li:hover h2
{
    color: #666666;
    background-color: #E5E5E5;
}

#services li.last
{
    margin-right: 0;
}

#services .fl_right
{
    display: block;
    float: right;
    width: 185px;
    padding: 10px 0 0 0;
}

#services h2
{
    margin: 0 0 5px 0;
    padding: 0 0 3px 0;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    background-color: #EFEFEF;
    border-bottom-color: #666666;
}

#services p
{
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

#services p.readmore
{
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    text-align: right;
    line-height: normal;
}

#services p.readmore a
{
    padding: 8px 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb
{
    padding: 30px 0;
    border-bottom: 1px solid #CCCCCC;
}

#breadcrumb a
{
    color: #2684B7;
    background-color: #FFFFFF;
}

#breadcrumb ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumb ul li
{
    display: inline;
}
#breadcrumb ul li.current a
{
    text-decoration: underline;
}

/* ----------------------------------------------Content-------------------------------------*/

#container
{
    padding: 2px 0;
    line-height: 24px;
}

#container a
{
    color: #2684B7;
    /*background-color: #FFFFFF;*/
}

/*
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6
{
    padding-bottom: 8px;
    padding-left: 8px;
    padding-top: 8px;
    border-bottom: 1px dotted #dddddd;
}
*/


#content
{
    display: inline;
    float: left;
    width: 680px;
    /*background: url(/Content/images/interior_contentBackground_680.png) no-repeat left top;*/
    min-height: 500px;
    height: auto !important;
    height: 500px;
    padding:0px 0px 20px 0px;
    /*background-color: #FFFFEE;*/
    
}

/* ------Comments-----*/

#comments
{
    margin-bottom: 40px;
}

#comments .commentlist
{
    margin: 0;
    padding: 0;
}

#comments .commentlist ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even
{
    margin: 0 0 10px 0;
    padding: 15px;
    list-style: none;
}

#comments .commentlist li.comment_odd
{
    color: #666666;
    background-color: #FFFFFF;
}
#comments .commentlist li.comment_odd a
{
    color: #3E7060;
    background-color: #FFFFFF;
}

#comments .commentlist li.comment_even
{
    color: #666666;
    background-color: #E8E8E8;
}
#comments .commentlist li.comment_even a
{
    color: #3E7060;
    background-color: #E8E8E8;
}

#comments .commentlist .author .name
{
    font-weight: bold;
}
#comments .commentlist .submitdate
{
    font-size: smaller;
}

#comments .commentlist p
{
    margin: 10px 5px 10px 0;
    padding: 0;
    font-weight: normal;
    text-transform: none;
}

#comments .commentlist li .avatar
{
    float: right;
    border: 1px solid #EEEEEE;
    margin: 0 0 0 10px;
}

/* ----------------------------------------------Column-------------------------------------*/

#column
{
    display: block;
    float: right;
    width: 300px;
}

.flickrbox ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.flickrbox li
{
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 15px 15px 0;
    padding: 4px;
    color: #666666;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.flickrbox li.last
{
    margin-right: 0;
}

#column .holder, #column #featured
{
    display: block;
    width: 300px;
    margin-bottom: 20px;
}

#column .holder h2.title
{
    display: block;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 15px 0 0 0;
    font-size: 20px;
    line-height: normal;
    border-bottom: 1px dashed #666666;
}

#column .holder h2.title img
{
    float: left;
    margin: -15px 8px 0 0;
    padding: 5px;
    border: 1px solid #666666;
}

#column div.imgholder
{
    display: block;
    width: 290px;
    margin: 0 0 10px 0;
    padding: 4px;
    color: #666666;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

#column .holder p.readmore
{
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: right;
    line-height: normal;
}

/* Featured Block */

#column #featured a
{
    color: #666666;
    background-color: #F9F9F9;
}

#column #featured ul, #column #featured h2, #column #featured p
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#column #featured a
{
    color: #2684B7;
    background-color: #F9F9F9;
}

#column #featured li
{
    display: block;
    width: 250px;
    margin: 0;
    padding: 20px 25px;
    color: #666666;
    background-color: #F9F9F9;
}

#column #featured li p.imgholder
{
    display: block;
    width: 240px;
    height: 90px;
    margin: 20px 0 15px 0;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

#column #featured li h2
{
    margin: 0;
    padding: 0 0 14px 0;
    font-weight: normal;
    font-family: Georgia, "Times New Roman" , Times, serif;
    line-height: normal;
    border-bottom: 1px dashed #666666;
}

#column #featured p.readmore
{
    display: block;
    width: 100%;
    margin-top: 15px;
    font-weight: bold;
    text-align: right;
    line-height: normal;
}

#column #latestnews
{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#column #latestnews li
{
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #DDDDDD;
}

#column #latestnews li.last
{
    margin-bottom: 0;
}

#column #latestnews p
{
    margin: 0;
    padding: 0;
    line-height: normal;
}

#column #latestnews .imgl
{
    margin: 0 10px 10px 0;
    padding: 4px;
}

/* ----------------------------------------------Footer-------------------------------------*/

#footer
{
    padding: 10px 0;
    background-color: #F3F3F3;

}

#footer h2
{
    margin-bottom: 10px;
    border-bottom: 1px dotted #999999;
}

#footer p, #footer ul, #footer a
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: none;
    line-height: normal;
}

#footer .footbox
{
    display: block;
    float: right;
    width: 190px;
    margin: 0 0 0 30px;
    padding: 0;
}

#footer li
{
    margin-bottom: 3px;
    line-height: 1.6em;
}

#footer .last
{
    margin: 0;
}

#login
{
    display: block;
    float: left;
    width: 300px;
}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright
{
    padding: 0 0;
    background-color: #003375;
    text-align:center;
    height: 42px;
    vertical-align: middle;

}


#copyright p
{
    margin: 0;
    padding: 10px 0px 0px 0px;
    vertical-align: middle;
}



/* Sidebar */

#sidebar
{
    float: right;
    width: 280px;
    font-size: 16px;
    margin-top:20px;
}

#sidebar ul
{
    margin: 0;
    padding: 0;
    list-style-image: url(/Content/images/Clear.png);
}

#sidebar li
{
    margin-bottom: 0px;
    padding: 20px 20px 20px 20px;
    background: url(/Content/images/sidebar-img01.jpg) no-repeat;
    list-style-image: url(/Content/images/Clear.png);
}

#sidebar li ul
{
    line-height: 180%;
    list-style-image: url(/Content/images/Clear.png);
}

#sidebar li li
{
    margin: 0;
    padding: 0;
    background: none;
    padding-left: 15px;
    background: url(/Content/images/sidebar-img02.gif) no-repeat left center;
    list-style-image: url(/Content/images/Clear.png);
}

#sidebar h2
{
    margin-bottom: 20px;
    /*text-transform: lowercase; */
    color: #4F789F;
    font-size: 22px;
}

.submit
{
    border: 1px solid #008FE7;
   -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Google Chrome */
    border-radius: 3px; /* Internet Explorer 9, Opera 10.5+, dev channel releases of Google Chrome */
    -moz-box-shadow: 3px 3px 4px #EAEFF5;
    -webkit-box-shadow: 3px 3px 4px #EAEFF5;
    box-shadow: 3px 3px 4px #EAEFF5; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEFF5')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEFF5');
    cursor:pointer;
    background-color: #B5D0E3;
}

.submit:hover
{
    border: 2px solid #008FE7;
   -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Google Chrome */
    border-radius: 3px; /* Internet Explorer 9, Opera 10.5+, dev channel releases of Google Chrome */
    -moz-box-shadow: 3px 3px 4px #EAEFF5;
    -webkit-box-shadow: 3px 3px 4px #EAEFF5;
    box-shadow: 3px 3px 4px #EAEFF5; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEFF5')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEFF5');
    cursor:pointer;
    background-color: #E5ECF4;
}

input, select, textarea
{
    border: 1px solid #8AD2FF;
    background: #FFFFCC;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Google Chrome */
    border-radius: 3px; /* Internet Explorer 9, Opera 10.5+, dev channel releases of Google Chrome */
    -moz-box-shadow: 3px 3px 4px #EAEFF5;
    -webkit-box-shadow: 3px 3px 4px #EAEFF5;
    box-shadow: 3px 3px 4px #EAEFF5; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEFF5')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEFF5');
}

.roundedCornersDropShadow
{
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    border-radius: 5px; /* Internet Explorer 9, Opera 10.5+, dev channel releases of Google Chrome */
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}


.gradient
{
    color: #fff;
    height: 100px;
    padding: 10px; /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #00f, #fff); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";
}


#content_searchBox
{
    
    background-color: #fffffc; 
    border:1px solid #ffcc99; 
    padding:5px;
    overflow:auto;
    height: auto !important;
    min-height: 100px;
    width:100%;
}

#content_searchBoxInDialogBox
{
    
    background-color: #fffffc; 
    border:1px solid #ffcc99; 
    padding:5px;
    overflow:auto;
    height: auto !important;
    min-height: 80px;
    width:100%;
}


fieldset {   
  -moz-border-radius:10px;  
  border-radius: 10px;  
  -webkit-border-radius: 10px; 
  border: 1px solid #DDDDDD;
  padding:10px;
}

legend {
  padding: 0.2em 0.5em;
  border-bottom:0px solid #8AB1CE;
  color:#4F789F;
  font-size:18px;
  }
  
#modal {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}


.PharmacyFilterIcon {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 4px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 10px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

.PharmacyFilterIcon:hover {
   /*border-top-color: #28597a;
   background: #28597a;
   color: #ccc;*/
   }

.PharmacyFilterIcon:active {
   /*border-top-color: #1b435e;
   background: #1b435e;*/
   }



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.PageHelpBox
{
    min-height: 100px;
    height: auto !important;
    /*height: 100px;*/
    width: 350px;
}

.PageHelpBoxWide
{
    min-height: 100px;
    height: auto !important;
    /*height: 100px;*/
    width: 450px !important;
}

.ImagePointerCursor
{
   cursor:pointer;
}


/* Styles for credit card validation
-----------------------------------------------------------*/


.cards {
  overflow: hidden;
}
.cards li {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: url(/Content/images/card_logos.png);
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 51px;
}
.cards li:last-child {
  margin-right: 0;
}
.cards .AMEX {
  background-position: 153px 0;
}
.cards .MC {
  background-position: 102px 0;
}
.cards .DISC {
  background-position: 51px 0;
}
.cards .VISA.off {
  background-position: 0 32px;
}
.cards .AMEX.off {
  background-position: 153px 32px;
}
.cards .MC.off {
  background-position: 102px 32px;
}
.cards .DISC.off {
  background-position: 51px 32px;
}
#dialogCreditCardInfo input.valid {
  background: url(/Content/images/tick.png) 240px center no-repeat;
  display: block;
}